clean code

apps/app/src/features/openai/client/components/AiAssistant/AiAssistantSidebar/AiAssistantSidebar.tsx

@@ -78,7 +78,6 @@ const AiAssistantSidebarSubstance: React.FC<AiAssistantSidebarSubstanceProps> =
 
     // Views
     initialView: initialViewForKnowledgeAssistant,
-    // generateMessageCard: generateMessageCardForKnowledgeAssistant,
     generateModeSwitchesDropdown: generateModeSwitchesDropdownForKnowledgeAssistant,
     headerIcon: headerIconForKnowledgeAssistant,
     headerText: headerTextForKnowledgeAssistant,
@@ -97,9 +96,6 @@ const AiAssistantSidebarSubstance: React.FC<AiAssistantSidebarSubstanceProps> =
     generateInitialView: generateInitialViewForEditorAssistant,
     generatingEditorTextLabel,
     generateActionButtons,
-    // generateMessageCard: generateMessageCardForEditorAssistant,
-    // generatingEditorTextForMessageCardAdditionaltem,
-    // actionButtonsForMessageCardAdditionaltem,
     headerIcon: headerIconForEditorAssistant,
     headerText: headerTextForEditorAssistant,
     placeHolder: placeHolderForEditorAssistant,
@@ -358,7 +354,7 @@ const AiAssistantSidebarSubstance: React.FC<AiAssistantSidebarSubstanceProps> =
     return initialViewForKnowledgeAssistant;
   }, [generateInitialViewForEditorAssistant, initialViewForKnowledgeAssistant, isEditorAssistant, submit]);
 
-  const messageCardAdditionaltemForGeneratingMessage = useMemo(() => {
+  const messageCardAdditionalItemForGeneratingMessage = useMemo(() => {
     if (isEditorAssistant) {
       return generatingEditorTextLabel;
     }
@@ -367,7 +363,7 @@ const AiAssistantSidebarSubstance: React.FC<AiAssistantSidebarSubstanceProps> =
   }, [generatingEditorTextLabel, isEditorAssistant]);
 
 
-  const messageCardAdditionaltemForGeneratedMessage = useCallback((messageId?: string) => {
+  const messageCardAdditionalItemForGeneratedMessage = useCallback((messageId?: string) => {
     if (isEditorAssistant) {
       if (messageId == null || messageLogs == null) {
         return <></>;
@@ -403,7 +399,7 @@ const AiAssistantSidebarSubstance: React.FC<AiAssistantSidebarSubstanceProps> =
                   <>
                     <MessageCard
                       role={message.isUserMessage ? 'user' : 'assistant'}
-                      additionaltem={messageCardAdditionaltemForGeneratedMessage(message.id)}
+                      additionalItem={messageCardAdditionalItemForGeneratedMessage(message.id)}
                     >
                       {message.content}
                     </MessageCard>
@@ -412,7 +408,7 @@ const AiAssistantSidebarSubstance: React.FC<AiAssistantSidebarSubstanceProps> =
                 { generatingAnswerMessage != null && (
                   <MessageCard
                     role="assistant"
-                    additionaltem={messageCardAdditionaltemForGeneratingMessage}
+                    additionalItem={messageCardAdditionalItemForGeneratingMessage}
                   >
                     {generatingAnswerMessage.content}
                   </MessageCard>

apps/app/src/features/openai/client/components/AiAssistant/AiAssistantSidebar/MessageCard.tsx

@@ -34,10 +34,10 @@ const NextLinkWrapper = (props: LinkProps & {children: string, href: string}): J
 
 const AssistantMessageCard = ({
   children,
-  additionaltem,
+  additionalItem,
 }: {
   children: string,
-  additionaltem?: JSX.Element,
+  additionalItem?: JSX.Element,
 }): JSX.Element => {
   const { t } = useTranslation();
 
@@ -52,7 +52,7 @@ const AssistantMessageCard = ({
             ? (
               <>
                 <ReactMarkdown components={{ a: NextLinkWrapper }}>{children}</ReactMarkdown>
-                { additionaltem }
+                { additionalItem }
               </>
             )
             : (
@@ -73,19 +73,19 @@ type MessageCardRole = 'user' | 'assistant';
 type Props = {
   role: MessageCardRole,
   children: string,
-  additionaltem?: JSX.Element,
+  additionalItem?: JSX.Element,
 }
 
 export const MessageCard = (props: Props): JSX.Element => {
   const {
-    role, children, additionaltem,
+    role, children, additionalItem,
   } = props;
 
   return role === 'user'
     ? <UserMessageCard>{children}</UserMessageCard>
     : (
       <AssistantMessageCard
-        additionaltem={additionaltem}
+        additionalItem={additionalItem}
       >{children}
       </AssistantMessageCard>
     );