feat(ui): update board card size on mobile

DW225 · Sep 6, 2024 · 604f160 · 604f160
1 parent c07269e
commit 604f160
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 23 deletions.
diff --git a/components/common/Card.tsx b/components/common/Card.tsx
@@ -1,7 +1,7 @@
-"use client"
+"use client";
 
-import type { ReactNode} from "react";
-import React, { useState, useEffect } from "react";
+import type { ReactNode } from "react";
+import React from "react";
 
 interface CardProps {
   children: ReactNode;
@@ -18,29 +18,11 @@ const Card: React.FC<CardProps> = ({
   className = "",
   draggable = false,
 }) => {
-  const [isMobile, setIsMobile] = useState(false);
-
-  useEffect(() => {
-    const checkScreenSize = () => {
-      setIsMobile(window.innerWidth < 640); // Adjust this breakpoint as needed
-    };
-
-    checkScreenSize();
-    window.addEventListener("resize", checkScreenSize);
-
-    return () => window.removeEventListener("resize", checkScreenSize);
-  }, []);
-
   const baseClasses =
     "rounded-lg shadow-sm transition-all duration-200 overflow-hidden";
 
   const variantClasses = {
-    board: `bg-white hover:shadow-md
-            ${
-              isMobile
-                ? "w-full h-24"
-                : "w-64 h-32 sm:w-56 sm:h-28 md:w-64 md:h-32"
-            }`,
+    board: "bg-white hover:shadow-md w-64 h-32 sm:w-56 sm:h-28 md:w-64 md:h-32",
     post: "bg-yellow-100 hover:bg-yellow-200 w-full min-h-[80px] my-2",
   };
 

diff --git a/components/home/CreateBoardForm.tsx b/components/home/CreateBoardForm.tsx
@@ -36,7 +36,6 @@ export default function CreateBoardForm() {
     addBoard(newBoard);
     form.reset();
 
-    // Here you would typically make an API call to create the board
     try {
       await createBoard(newBoard, user.id);
     } catch (error) {