chore: Add the rest of code

peteats · Sep 27, 2023 · a7a3aa2 · a7a3aa2
1 parent b816af3
commit a7a3aa2
Show file tree

Hide file tree

Showing 80 changed files with 5,215 additions and 856 deletions.
diff --git a/index.html b/index.html
@@ -1,19 +1,17 @@
 <!DOCTYPE html>
 <html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" type="image/svg+xml" href="/src/images/favicon.ico" />
 
-  <link rel="icon" type="image/svg+xml" href="/src/images/favicon.svg" />
+    <title>PetEats</title>
+  </head>
 
-  <title>draft | PetEats</title>
-</head>
+  <body>
+    <div id="root"></div>
 
-<body>
-  <div id="root"></div>
-
-  <script type="module" src="/src/main.jsx"></script>
-</body>
-
-</html>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -7,18 +7,22 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@emotion/react": "^11.10.4",
+    "@emotion/styled": "^11.10.4",
+    "@mui/icons-material": "^5.10.3",
+    "@tanem/react-nprogress": "^5.0.13",
+    "aos": "^2.3.4",
     "axios": "^0.27.2",
-    "vite": "^2.7.2",
+    "leaflet": "^1.9.4",
+    "leaflet-control-geocoder": "^2.4.0",
+    "prop-types": "^15.8.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "prop-types": "^15.8.1",
     "react-router-dom": "^6.3.0",
-    "react-toastify": "^9.0.8",
     "react-spinners": "^0.13.4",
-    "@tanem/react-nprogress": "^5.0.13",
-    "@emotion/react": "^11.10.4",
-    "@emotion/styled": "^11.10.4",
-    "@mui/icons-material": "^5.10.3"
+    "react-toastify": "^9.0.8",
+    "taos": "^1.0.3",
+    "vite": "^2.7.2"
   },
   "devDependencies": {
     "@vitejs/plugin-react": "^1.0.7",
@@ -33,4 +37,4 @@
     "vitawind": "^2.0.0",
     "vite": "^2.7.2"
   }
-}
+}
diff --git a/peteats.txt b/peteats.txt
@@ -0,0 +1,48 @@
+.______    _______ .___________. _______     ___   .___________.    _______.
+|   _  \  |   ____||           ||   ____|   /   \  |           |   /       |
+|  |_)  | |  |__   `---|  |----`|  |__     /  ^  \ `---|  |----`  |   (----`
+|   ___/  |   __|      |  |     |   __|   /  /_\  \    |  |        \   \    
+|  |      |  |____     |  |     |  |____ /  _____  \   |  |    .----)   |   
+| _|      |_______|    |__|     |_______/__/     \__\  |__|    |_______/    
+
+
+ASCII generated by http://www.network-science.de/ascii/
+
+恭喜你找到這份文件！ (ﾉ◕ヮ◕)ﾉ*:・ﾟ✧
+底下是本站背後的團隊以及使用的技術
+如果有任何的疑問，還請不吝與我們聯絡
+感謝觀賞 <(_ _)>
+
+───────────────────────────────────────────────────────────────────────
+
+/* TEAM */
+  Aya (Front-End Developer)
+  GitHub: https://github.com/Aya-X
+  Mail: ayaxong@gmail.com
+
+  Chiaoan (Back-End Developer)
+  GitHub: https://github.com/oriku0322
+  Mail: yuuya82323@gmail.com
+
+
+
+/* SUPPORT */
+
+  Poka (UI Designer)
+  Site: https://53artwokerstudio.github.io/Hsiao-Yong-Ling-s-Profile
+  Mail: 53artworkerstudio@gmail.com
+
+
+  Justin (Coach)
+  Site: https://rocketcamp.kktix.cc
+
+
+
+  廖洧杰 (Coach)
+  GitHub: https://github.com/gonsakon
+
+
+
+/* SITE */
+  Technology: React, React Router, Vite, 
+  Source code: https://github.com/rockets-coding/project-peteats-2022
diff --git a/src/App.jsx b/src/App.jsx
@@ -25,6 +25,7 @@ function App() {
         pauseOnFocusLoss
         draggable
         pauseOnHover
+        theme="dark"
       />
     </LoadingContext.LoadingProvider>
   );

diff --git a/src/components/AreaItem.jsx b/src/components/AreaItem.jsx
@@ -11,6 +11,12 @@ function AreaItem({ item, pageType }) {
   // #REVIEW: something weird
   const isPageHome = pageType === 'HOME';
 
+  // const handleScroll = (e) => {
+  //   if (e.scrollToTarget) {
+  //     e.scrollToTarget();
+  //   }
+  // };
+
   if (!item) {
     return <h3>LOADING...</h3>;
   }
@@ -23,16 +29,17 @@ function AreaItem({ item, pageType }) {
         <li className="col-span-12 flex justify-center sm:col-span-6 lg:col-span-4">
           <Link
             to={`/shops/city/${Id}`}
+            // onClick={handleScroll}
             className="inline-block rounded-3xl border-4 border-[#DB8C8C] px-6 hover:bg-[#DB8C8C] sm:px-0 md:w-full md:px-2"
           >
             {/* /shops/city/:id */}
             <div className="flex flex-col items-center justify-center py-6">
               <picture className="relative z-10 -mt-[30%] block h-[280px] w-[280px]">
                 {/* #NOTE: setting the height and weight to shows `Square` */}
                 <img
+                  className="h-full w-full rounded-full object-cover object-center shadow-xl"
                   loading="lazy"
                   alt={CityName || 'CityName'}
-                  className="h-full w-full rounded-full object-cover object-center shadow-xl"
                   src={imageUrl || AREA_IMG}
                   // src={AREA_IMG || imageUrl}
                 />
@@ -52,14 +59,14 @@ function AreaItem({ item, pageType }) {
         /* end of style-Large */
         <li className="col-span-11 pl-[12%] sm:col-span-6 md:col-span-6 lg:col-span-4">
           <Link
-            to="/shops/city"
+            to={`/shops/city/${Id}`}
             className="inline-flex h-[75%] w-full rounded-3xl bg-[#212529] hover:bg-[#DB8C8C]"
           >
             <div className="flex items-center">
-              <picture className="relative z-10 -ml-[16%] block w-[120px]">
+              <picture className="relative z-10 -ml-[16%] block h-[120px] w-[120px]">
                 <img
                   className="h-full w-full rounded-full object-cover object-center shadow-xl"
-                  src={AREA_IMG || imageUrl}
+                  src={imageUrl || AREA_IMG}
                   alt={CityName || 'CityName'}
                 />
               </picture>