Fixed ProjectType error on store.tsx

Author: simonryrie

app/Context/store.tsx

@@ -193,7 +193,7 @@ export const projectReducer = (
     }
 
     case "CLEAR_PROJECT": {
-      const emptyProject: Project = {
+      const emptyProject: ProjectType = {
         id: 0,
         name: "clearedProject",
         tasks: [],

app/Styles/globals.css

@@ -1,3 +1,3 @@
 @tailwind base;
 @tailwind components;
-@tailwind utilities;
+@tailwind utilities;

app/components/AuthForm.tsx

@@ -26,15 +26,15 @@ const AuthForm = () => {
             padding: "20px",
             borderRadius: "10px",
             border: "1px solid rgba(0,0,0,0.18)",
-            marginTop: "40px"
+            marginTop: "40px",
           },
           button: {
             background: "#f9fafb",
             color: "black",
             border: "outset 1px black",
           },
           input: { background: "white", color: "black" },
-          message: { color: "red"}
+          message: { color: "red" },
         },
       }}
       theme="dark"

app/components/CallToAction.tsx

@@ -1,5 +1,9 @@
 const CallToAction = () => {
-  return <p className="mt-5 mb-5 text-xl">Start making your dream side-project today!</p>
+  return (
+    <p className="mt-5 mb-5 text-xl">
+      Start making your dream side-project today!
+    </p>
+  )
 }
 
 export default CallToAction

app/page.tsx

@@ -21,11 +21,11 @@ const Home: React.FC = async () => {
       <div className="flex flex-col h-screen w-screen items-center justify-around">
         <div className="flex flex-col h-screen w-screen items-center justify-center">
           <Image src={LOGO} alt="Ai-Kan" className="mt-20 w-1/6 rounded-lg" />
-          <CallToAction/>
+          <CallToAction />
         </div>
-        <AuthForm/>
+        <AuthForm />
         <div className="mt-10 bg-gray-800">
-          <Features/>
+          <Features />
         </div>
       </div>
     )