new features

ogeobubu · Oct 22, 2024 · 11c09bc · 11c09bc
1 parent 1fbc8f0
commit 11c09bc
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 18 deletions.
diff --git a/client/src/pages/homepage/index.tsx b/client/src/pages/homepage/index.tsx
@@ -9,30 +9,33 @@ const Homepage = () => {
         backgroundSize: "cover",
         backgroundPosition: "center",
       }}
-      className="h-[100vh]"
+      className="h-[100vh] flex flex-col"
     >
       <div className="overlay absolute top-0 left-0 w-full h-full bg-black opacity-50"></div>
-      <div className="above-overlay absolute top-0 left-0 w-full h-full z-10">
-        <div className="flex flex-col justify-center items-center p-4 md:max-w-4xl m-auto h-[100%]">
-          <h1 className="text-4xl text-white my-8">
-            Leaf Identification System
-          </h1>
+      <div className="above-overlay absolute top-0 left-0 w-full h-full z-10 flex flex-col justify-between">
+        <div className="md:max-w-4xl p-4 md:p-0 flex flex-col flex-grow mx-auto justify-center items-center">
+        <h1 className="text-4xl text-white my-8">
+          Leaf Identification System
+        </h1>
+        <div className="flex flex-col justify-center items-center flex-grow">
           <p className="text-white text-2xl">
             <strong className="text-4xl">Welcome</strong> to our leaf
             identification system. This tool is designed to help you easily
             identify plants based on their leaves. Simply upload an image of a
             leaf, and our advanced algorithms will analyze its unique features
             to provide accurate results
           </p>
-          <div className="flex md:flex-row flex-col gap-3 justify-between items-center w-full mt-8">
-            <Button className="w-[100%]" href="/upload">Identify Leaf</Button>
-            <Button>Learn More</Button>
-            <Button>About Us</Button>
-          </div>
         </div>
+        <div className="flex md:flex-row flex-col gap-3 justify-between items-center w-full mb-8">
+          <Button className="w-[100%]" href="/upload">Identify Leaf</Button>
+          <Button>Learn More</Button>
+          <Button>About Us</Button>
+        </div>
+        </div>
+
       </div>
     </div>
   );
 };
 
-export default Homepage;
+export default Homepage;
diff --git a/client/src/pages/upload/index.tsx b/client/src/pages/upload/index.tsx
@@ -23,7 +23,7 @@ const ImageUpload: React.FC = () => {
   const [modalVisible, setModalVisible] = useState(false);
   const [classificationResult, setClassificationResult] = useState<LeafResponse | null>(null);
 
-  const mutation: UseMutationResult<LeafResponse, Error, File> = useMutation({
+  const { mutate, isLoading } = useMutation({
     mutationFn: uploadImage,
     onSuccess: (data) => {
       console.log("Upload success:", data);

diff --git a/client/tsconfig.app.json b/client/tsconfig.app.json
@@ -5,17 +5,13 @@
     "lib": ["ES2020", "DOM", "DOM.Iterable"],
     "module": "ESNext",
     "skipLibCheck": true,
-
-    /* Bundler mode */
     "moduleResolution": "bundler",
     "allowImportingTsExtensions": true,
     "isolatedModules": true,
     "moduleDetection": "force",
     "noEmit": true,
     "jsx": "react-jsx",
-
-    /* Linting */
-    "strict": true,
+    "strict": false,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true