🐛 fix: Update ChatInputArea.tsx

lobehub · May 8, 2024 · 365086d · 365086d
1 parent 58ff830
commit 365086d
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/ChatInputArea/mobile/ChatInputArea.tsx b/src/ChatInputArea/mobile/ChatInputArea.tsx
@@ -15,6 +15,7 @@ import {
   useState,
 } from 'react';
 import { Flexbox } from 'react-layout-kit';
+import MobileSafeArea from "@/MobileSafeArea"
 
 import ActionIcon from '@/ActionIcon';
 
@@ -73,6 +74,7 @@ const MobileChatInputArea = forwardRef<TextAreaRef, MobileChatInputAreaProps>(
       onInput,
       loading,
       value,
+      safeArea
     },
     ref,
   ) => {
@@ -152,6 +154,7 @@ const MobileChatInputArea = forwardRef<TextAreaRef, MobileChatInputAreaProps>(
         {bottomAddons && (
           <Flexbox style={showAddons ? {} : { display: 'none' }}>{bottomAddons}</Flexbox>
         )}
+        {safeArea && !isFocused && <MobileSafeArea position={'bottom'} />}
       </Flexbox>
     );
   },