fix #1591 -- font size for side chat

- the menu items are there, but they literally didn't work. Fixed.

Author: williamstein

src/packages/frontend/chat/chat-log.tsx

@@ -40,6 +40,7 @@ interface Props {
   mode: Mode;
   scrollToBottomRef?: MutableRefObject<(force?: boolean) => void>;
   setLastVisible?: (x: Date | null) => void;
+  fontSize?: number;
 }
 
 export function ChatLog({
@@ -48,10 +49,11 @@ export function ChatLog({
   scrollToBottomRef,
   mode,
   setLastVisible,
+  fontSize,
 }: Props) {
   const actions: ChatActions = useActions(project_id, path);
   const messages = useRedux(["messages"], project_id, path) as ChatMessages;
-  const fontSize = useRedux(["font_size"], project_id, path);
+  const font_size = useRedux(["font_size"], project_id, path);
   const scrollToBottom = useRedux(["scrollToBottom"], project_id, path);
   const llm_cost_reply: [number, number] = useRedux(
     ["llm_cost_reply"],
@@ -176,7 +178,7 @@ export function ChatLog({
           user_map,
           project_id,
           path,
-          fontSize,
+          fontSize: fontSize ?? font_size,
           selectedHashtags,
           actions,
           llm_cost_reply,

src/packages/frontend/chat/side-chat.tsx

@@ -25,9 +25,15 @@ interface Props {
   project_id: string;
   path: string;
   style?: CSSProperties;
+  fontSize?: number;
 }
 
-export default function SideChat({ project_id, path, style }: Props) {
+export default function SideChat({
+  project_id,
+  path,
+  style,
+  fontSize,
+}: Props) {
   const actions: ChatActions = useActions(project_id, path);
   const messages = useRedux(["messages"], project_id, path);
   const [lastVisible, setLastVisible] = useState<Date | null>(null);
@@ -161,6 +167,7 @@ export default function SideChat({ project_id, path, style }: Props) {
         }}
       >
         <ChatLog
+          fontSize={fontSize}
           project_id={project_id}
           path={path}
           scrollToBottomRef={scrollToBottomRef}

src/packages/frontend/frame-editors/generic/chat.tsx

@@ -44,7 +44,7 @@ function Chat({ font_size }: Props) {
   if (!initialized) {
     return null;
   }
-  return <SideChat project_id={project_id} path={path} />;
+  return <SideChat project_id={project_id} path={path} fontSize={font_size} />;
 }
 
 export const chat: EditorDescription = {