Fixed build failure

predatorray · Dec 11, 2024 · c39002f · c39002f
1 parent 60fc7f7
commit c39002f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 8 deletions.
diff --git a/src/App.css b/src/App.css
@@ -491,7 +491,6 @@
   font-size: 12px;
   font-family: monospace;
   text-align: left;
-  border-radius: 20px;
   background-color: white;
   padding: 2px 10px;
   margin-bottom: 10px;
@@ -532,16 +531,16 @@
 .message-bar .message.system-notification {
   justify-content: center;
   font-size: 10px;
-  color: #666;
+  color: #888;
 }
 
 .message-bar .message.system-notification::before {
-  content: '(';
+  content: '⠿';
   margin-right: auto;
 }
 
 .message-bar .message.system-notification::after {
-  content: ')';
+  content: '⠿';
   margin-left: auto;
 }
 

diff --git a/src/components/MessageBar.tsx b/src/components/MessageBar.tsx
@@ -86,8 +86,10 @@ export default function MessageBar(props: {
   onMessage?: (message: string) => void;
 }) {
   const {
+    playerId,
     eventLogs,
     messages,
+    onMessage,
   } = props;
   const eventsAndMessage: Array<EventLog | Message> = useMemo(() => {
     const merged = [];
@@ -116,10 +118,10 @@ export default function MessageBar(props: {
 
   const handleInputKeyUp: React.KeyboardEventHandler<HTMLInputElement>  = useCallback(e => {
     if (e.key === 'Enter' && inputValue) {
-      props.onMessage?.(inputValue);
+      onMessage?.(inputValue);
       setInputValue('');
     }
-  }, [inputValue]);
+  }, [inputValue, onMessage]);
 
   const messagesDivRef = useRef<HTMLDivElement>(null);
   useEffect(() => {
@@ -134,7 +136,7 @@ export default function MessageBar(props: {
     <div className={collapsed ? "message-bar collapsed" :  "message-bar"}>
       <div className="title-bar" onClick={flipCollapsed}>
         <div className="profile">
-          <PlayerAvatar playerId={props.playerId}/>
+          <PlayerAvatar playerId={playerId}/>
           <a>Messages</a>
         </div>
         <div className="icon">
@@ -147,7 +149,7 @@ export default function MessageBar(props: {
           : (
             <div ref={messagesDivRef} className="messages">
               {
-                eventsAndMessage.map((em, i) => <EventOrMessage key={i} myPlayerId={props.playerId} eventOrMessage={em}/>)
+                eventsAndMessage.map((em, i) => <EventOrMessage key={i} myPlayerId={playerId} eventOrMessage={em}/>)
               }
             </div>
           )