Payne680 · Payne680 · Feb 13, 2023 · Feb 14, 2023 · Feb 14, 2023 · Feb 15, 2023
diff --git a/.env b/.env
@@ -0,0 +1 @@
+DISABLE_ESLINT_PLUGIN=true
diff --git a/.eslintrc b/.eslintrc
@@ -21,6 +21,7 @@
       {
         "extensions": [".js", ".jsx"]
       }
-    ]
+    ],
+        "prettier/prettier": ["error", { "endOfLine": "auto" }]
   }
 }
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -9,6 +9,9 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
+    "rodal": "^2.0.1",
+    "sweetalert": "^2.1.2",
+    "uuid": "^9.0.0",
     "web-vitals": "^2.1.4"
   },
   "scripts": {

diff --git a/public/index.html b/public/index.html
@@ -10,6 +10,7 @@
       content="Web site created using create-react-app"
     />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css" integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/

diff --git a/src/App.css b/src/App.css
@@ -9,7 +9,7 @@
 
 @media (prefers-reduced-motion: no-preference) {
   .App-logo {
-    animation: App-logo-spin infinite 20s linear;
+    animation: App-logo-spin infinite 0.82s linear;
   }
 }
 

diff --git a/src/App.jsx b/src/App.jsx
@@ -1,25 +1,10 @@
-import logo from './logo.svg';
 import './App.css';
+import HomePage from './pages/HomePage';
 
 function App() {
   return (
     <div className="App">
-      <header className="App-header">
-        <img src={logo} className="App-logo" alt="logo" />
-        <p>
-          Edit
-          <code>src/App.js</code>
-          and save to reload.
-        </p>
-        <a
-          className="App-link"
-          href="https://reactjs.org"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Learn React
-        </a>
-      </header>
+      <HomePage />
     </div>
   );
 }

diff --git a/src/Components/AddCardModal/AddCardModal.css b/src/Components/AddCardModal/AddCardModal.css
@@ -0,0 +1,47 @@
+.container {
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  color: white;
+  text-align: left;
+}
+.container > div {
+  margin-top: 2rem;
+}
+
+.label {
+  font-weight: bold;
+  font-size: 1.2rem;
+}
+
+.input {
+  color: white;
+  font: inherit;
+  margin-top: 12px;
+  display: block;
+  background-color: transparent;
+  outline: none;
+  border: 1px solid rgb(98, 98, 98);
+  font-size: 1.2rem;
+  font-weight: 300;
+  padding: 10px;
+  width: 95%;
+  border-radius: 8px;
+  resize: none;
+}
+
+.saveButton {
+  width: 6rem;
+  align-self: flex-end;
+  margin-top: 1.5rem;
+  background: var(--orange-gradient);
+  border: none;
+  padding: 10px;
+  color: white;
+  cursor: pointer;
+  border-radius: 8px;
+}
+
+.saveButton:disabled {
+  background: grey;
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -21,6 +21,7 @@ @@
           {
             "extensions": [".js", ".jsx"]
           }
-        ]
+        ],
+            "prettier/prettier": ["error", { "endOfLine": "auto" }]
       }
     }