From 829804d733edc539e6be74fa85019dfc620fc88c Mon Sep 17 00:00:00 2001
From: zojgame <zogame002@gmail.com>
Date: Wed, 31 Jul 2024 13:24:32 +0500
Subject: [PATCH] mobile v favorite, unit page

---
 client/src/components/masterplanPage/map/Map.tsx          | 8 --------
 .../src/components/masterplanPage/map/WeatherWidget.tsx   | 2 +-
 client/src/pages/FavoritesPage2.tsx                       | 2 +-
 client/src/pages/UnitTypesPage.tsx                        | 2 +-
 client/tailwind.config.js                                 | 6 +++++-
 5 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/client/src/components/masterplanPage/map/Map.tsx b/client/src/components/masterplanPage/map/Map.tsx
index 3636a47..8c0f545 100644
--- a/client/src/components/masterplanPage/map/Map.tsx
+++ b/client/src/components/masterplanPage/map/Map.tsx
@@ -6,8 +6,6 @@ import { markers } from "../../../consts/markers";
 import useMarker from "../../../store/useMarker";
 import ZoomControlls from "./ZoomControlls";
 import { Clouds } from "./Clouds";
-import { getWeather } from "../../../api/weather";
-import { useEffect } from "react";
 import WeatherWidget from "./WeatherWidget";
 
 const Map = () => {
@@ -21,12 +19,6 @@ const Map = () => {
     };
   });
 
-  useEffect(() => {
-    getWeather().then((data) => {
-      console.log(data);
-    });
-  }, []);
-
   return (
     <div className="relative">
       <TransformWrapper
diff --git a/client/src/components/masterplanPage/map/WeatherWidget.tsx b/client/src/components/masterplanPage/map/WeatherWidget.tsx
index a74ab84..3484665 100644
--- a/client/src/components/masterplanPage/map/WeatherWidget.tsx
+++ b/client/src/components/masterplanPage/map/WeatherWidget.tsx
@@ -23,7 +23,7 @@ const WeatherWidget = () => {
       const temp = Math.round(data[0].main.temp);
       setTemperature(temp);
     });
-  }, []);
+  });
 
   return (
     <div className="absolute top-[73.5px] left-4 bg-black rounded-2xl z-50 text-white bg-opacity-40 w-[144px] pt-4">
diff --git a/client/src/pages/FavoritesPage2.tsx b/client/src/pages/FavoritesPage2.tsx
index 2b7e574..6e48662 100644
--- a/client/src/pages/FavoritesPage2.tsx
+++ b/client/src/pages/FavoritesPage2.tsx
@@ -226,7 +226,7 @@ function FavoritesPage2() {
             />
           </button> */}
         </div>
-        <div className="pt-4 grid grid-cols-4 gap-4">
+        <div className="pt-4 grid xl:grid-cols-4 tablet:grid-cols-2 grid-cols-1 gap-4">
           {favoriteUnits.map((unit) => (
             <div
               key={unit.id}
diff --git a/client/src/pages/UnitTypesPage.tsx b/client/src/pages/UnitTypesPage.tsx
index 916802f..b584d58 100644
--- a/client/src/pages/UnitTypesPage.tsx
+++ b/client/src/pages/UnitTypesPage.tsx
@@ -29,7 +29,7 @@ function UnitTypesPage() {
         <p className="">Unit Types</p>
         <p className="text-[#73787C]">8</p>
       </div>
-      <div className="grid grid-cols-4 gap-4">
+      <div className="grid xl:grid-cols-4 tablet:grid-cols-2 grid-cols-1 xl:gap-4 tablet:gap-[12px] gap-2">
         <UnitTypeCard
           wing="West Wing"
           floor="Floor 5-21"
diff --git a/client/tailwind.config.js b/client/tailwind.config.js
index 614c86b..ce3011c 100644
--- a/client/tailwind.config.js
+++ b/client/tailwind.config.js
@@ -2,7 +2,11 @@
 export default {
   content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
   theme: {
-    extend: {},
+    extend: {
+      screens: {
+        tablet: "768px",
+      },
+    },
   },
   plugins: [],
 };