fix

Author: sparrow-js

components/components/chatInput/index.tsx

@@ -20,18 +20,21 @@ const shortcutIdeas = [
 ]
 
 interface props {
-  openWhiteboard: () => void
+  openWhiteboard: () => void;
+  showAnim: boolean;
 }
 
-export default function ChatInput({openWhiteboard}: props) {
+export default function ChatInput({openWhiteboard, showAnim}: props) {
   const inputRef = useRef<any>(null);
   const router = useRouter();
   const {
     getInputProps,
     open,
   } = useContext(UploadFileContext);
   const { initCreateText, setInitCreateText, setInitCreate } = useContext(SettingContext);
-  const [showAnim, setShowAnim] = useState<boolean>(false);
+  useEffect(() => {
+    inputRef.current.focus();
+  }, [showAnim])
 
   useEffect(() => {
     if (inputRef.current) {
@@ -43,7 +46,7 @@ export default function ChatInput({openWhiteboard}: props) {
   const clickHandler = () => {
     if (initCreateText) {
       setInitCreate(true);
-      router.push('/home', { scroll: false })
+      router.push('/editor', { scroll: false })
     }
   }
 
@@ -54,7 +57,7 @@ export default function ChatInput({openWhiteboard}: props) {
       <div 
         className="absolute bottom-0 z-10 flex flex-col w-full"
       >
-        <div className='w-full flex items-center justify-center p-6 gap-6'>
+        {/* <div className='w-full flex items-center justify-center p-6 gap-6'>
             <div
               onClick={open}
               className='cursor-pointer before:block before:absolute before:-inset-1 before:-skew-y-3 before:bg-pink-500 relative inline-block px-2'>
@@ -77,7 +80,7 @@ export default function ChatInput({openWhiteboard}: props) {
             >
               <span className='relative text-white'>ideas</span>
             </div>
-        </div>
+        </div> */}
         {/* animate-wiggle */}
         <div 
           className={classNames(

pages/home/index.tsx pages/editor/index.tsxpages/home/index.tsx renamed to pages/editor/index.tsx

@@ -48,15 +48,16 @@ export default function Dashboard() {
         isDragReject, 
         setUploadComplete,
         setDataUrls,
+        open,
     } = useContext(UploadFileContext);
     const [openWhiteboard, setOpenWhiteboard] = useState(false);
+    const [showAnim, setShowAnim] = useState<boolean>(false);
     const ref = useRef(null);
-    async function sendMessage() {}
     const router = useRouter();
     useEffect(() => {
         setUploadComplete(() => {
             setInitCreate(true);
-            router.push('/home', { scroll: false })
+            router.push('/editor', { scroll: false })
         })
     }, []);
 
@@ -79,12 +80,39 @@ export default function Dashboard() {
                 <Header />
             </div>
             <main>
+                <div className='fixed right-0 top-20 w-[100px] flex flex-col items-center  justify-center py-6 gap-12'>
+                    <div
+                        onClick={open}
+                        className='cursor-pointer before:block before:absolute before:-inset-1 before:-skew-y-3 before:bg-pink-500 relative inline-block px-2'>
+                        <span className='relative text-white'>screenshot</span>
+                    </div>
+                    <div
+                        onClick={() => {
+                            setOpenWhiteboard(true);
+                        }}
+                        className='cursor-pointer before:block before:absolute before:-inset-1 before:-skew-y-3 before:bg-green-500 relative inline-block px-2'>
+                        <span className='relative text-white'>whiteboard</span>
+                    </div>
+                    <div 
+                        onClick={() => {
+                            setShowAnim(true);
+                            setTimeout(() => {
+                                setShowAnim(false);
+                            }, 800)
+                        }}
+                        className='cursor-pointer before:block before:absolute before:-inset-1 before:-skew-y-3 before:bg-cyan-500 relative inline-block px-8'
+                        >
+                        <span className='relative text-white'>ideas</span>
+                    </div>
+                </div>
+
                 <div className="w-full bg-white dark:bg-gray-800 border-t dark:border-t-gray-600 flex-col flex items-center justify-between p-3">
                     <div className="relative mt-96 w-[520px] rounded-md shadow-sm">
                         <ChatInput
                             openWhiteboard={() => {
                                 setOpenWhiteboard(true);
                             }}
+                            showAnim={showAnim}
                         />
                     </div>
                 </div>                    
@@ -109,7 +137,7 @@ export default function Dashboard() {
                         setOpenWhiteboard(false);
                         setDataUrls(urls);
                         setInitCreate(true);
-                        router.push('/home', { scroll: false })
+                        router.push('/editor', { scroll: false })
                     }}
                     closeWhiteboard={() => {
                         setOpenWhiteboard(false);