Cleanup: Removed unused components & made a small adjustment for successful build

Author: coderomm

apps/collabydraw/app/(auth-layout)/auth/signin/page.tsx

@@ -1,6 +1,8 @@
 import { SignInForm } from "@/components/auth/signin-form";
+import ScreenLoading from "@/components/ScreenLoading";
 import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card";
 import Link from "next/link";
+import { Suspense } from "react";
 
 export default function SignInPage() {
     return (
@@ -10,7 +12,9 @@ export default function SignInPage() {
                 <CardDescription className="text-sm pb-4 text-primary text-center">Enter your email to sign in to your account</CardDescription>
             </CardHeader>
             <CardContent className="p-0 !my-0">
-                <SignInForm />
+                <Suspense fallback={<ScreenLoading />}>
+                    <SignInForm />
+                </Suspense>
             </CardContent>
             <CardFooter className="px-0 pt-2 pb-0 flex-col !mt-0 gap-2">
                 <div className="relative flex h-7 items-center justify-center gap-2">

apps/collabydraw/components/Header.tsx

@@ -9,7 +9,7 @@ import { cn } from "@/lib/utils"
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip";
 import { Button } from "./ui/button"
 import { PaletteFilled } from "./SvgIcons"
-import { BgFill, StrokeEdge, StrokeFill, StrokeStyle, StrokeWidth, ToolType } from "@/types/canvas"
+import { BgFill, FillStyle, FontFamily, FontSize, RoughStyle, StrokeEdge, StrokeFill, StrokeStyle, StrokeWidth, TextAlign, ToolType } from "@/types/canvas"
 import { UserRoomsListDialog } from "./UserRoomsListDialog"
 import { RoomSharingDialog } from "./RoomSharingDialog"
 import { BASE_URL } from "@/config/constants"
@@ -35,6 +35,16 @@ interface MobileCommandBarProps {
     setStrokeEdge: React.Dispatch<React.SetStateAction<StrokeEdge>>;
     strokeStyle: StrokeStyle;
     setStrokeStyle: React.Dispatch<React.SetStateAction<StrokeStyle>>;
+    roughStyle: RoughStyle;
+    setRoughStyle: React.Dispatch<React.SetStateAction<RoughStyle>>;
+    fillStyle: FillStyle;
+    setFillStyle: React.Dispatch<React.SetStateAction<FillStyle>>;
+    fontFamily: FontFamily;
+    setFontFamily: React.Dispatch<React.SetStateAction<FontFamily>>;
+    fontSize: FontSize;
+    setFontSize: React.Dispatch<React.SetStateAction<FontSize>>;
+    textAlign: TextAlign;
+    setTextAlign: React.Dispatch<React.SetStateAction<TextAlign>>;
     roomName?: string
     isStandalone?: boolean;
     onClearCanvas?: () => void;
@@ -59,6 +69,16 @@ export function MobileCommandBar({ canvasColor,
     setStrokeEdge,
     strokeStyle,
     setStrokeStyle,
+    roughStyle,
+    setRoughStyle,
+    fillStyle,
+    setFillStyle,
+    fontFamily,
+    setFontFamily,
+    fontSize,
+    setFontSize,
+    textAlign,
+    setTextAlign,
     roomName,
     isStandalone,
     onClearCanvas,
@@ -126,6 +146,21 @@ export function MobileCommandBar({ canvasColor,
                         setStrokeEdge={setStrokeEdge}
                         strokeStyle={strokeStyle}
                         setStrokeStyle={setStrokeStyle}
+
+                        roughStyle={roughStyle}
+                        setRoughStyle={setRoughStyle}
+
+                        fillStyle={fillStyle}
+                        setFillStyle={setFillStyle}
+
+                        fontFamily={fontFamily}
+                        setFontFamily={setFontFamily}
+
+                        fontSize={fontSize}
+                        setFontSize={setFontSize}
+
+                        textAlign={textAlign}
+                        setTextAlign={setTextAlign}
                     />
                 </SheetContent>
             </Sheet>

apps/collabydraw/components/JoinCreateRoom.tsx

@@ -1,9 +1,9 @@
 import CollaborationToolbar from "./CollaborationToolbar";
 
-export default function SideToolbar({ slug }: { slug: string }) {
+export default function SideToolbar() {
     return (
         <section className="absolute top-20 right-0 flex flex-col items-center justify-center border border-sidebar-border border-r-0 rounded-l-lg overflow-hidden bg-island-bg-color">
-            <CollaborationToolbar slug={slug!} />
+            <CollaborationToolbar />
         </section>
     )
 }

apps/collabydraw/components/MobileCommandBar.tsx

@@ -410,6 +410,30 @@ export default function CanvasBoard() {
                     setStrokeStyle={(newStrokeStyle: SetStateAction<StrokeStyle>) =>
                         setCanvasEngineState(prev => ({ ...prev, strokeStyle: typeof newStrokeStyle === 'function' ? newStrokeStyle(prev.strokeStyle) : newStrokeStyle }))
                     }
+                    roughStyle={canvasEngineState.roughStyle}
+                    setRoughStyle={(newRoughStyle: SetStateAction<RoughStyle>) =>
+                        setCanvasEngineState(prev => ({ ...prev, roughStyle: typeof newRoughStyle === 'function' ? newRoughStyle(prev.roughStyle) : newRoughStyle }))
+                    }
+
+                    fillStyle={canvasEngineState.fillStyle}
+                    setFillStyle={(newFillStyle: SetStateAction<FillStyle>) =>
+                        setCanvasEngineState(prev => ({ ...prev, fillStyle: typeof newFillStyle === 'function' ? newFillStyle(prev.fillStyle) : newFillStyle }))
+                    }
+
+                    fontFamily={canvasEngineState.fontFamily}
+                    setFontFamily={(newFontFamily: SetStateAction<FontFamily>) =>
+                        setCanvasEngineState(prev => ({ ...prev, fontFamily: typeof newFontFamily === 'function' ? newFontFamily(prev.fontFamily) : newFontFamily }))
+                    }
+
+                    fontSize={canvasEngineState.fontSize}
+                    setFontSize={(newFontSize: SetStateAction<FontSize>) =>
+                        setCanvasEngineState(prev => ({ ...prev, fontSize: typeof newFontSize === 'function' ? newFontSize(prev.fontSize) : newFontSize }))
+                    }
+
+                    textAlign={canvasEngineState.textAlign}
+                    setTextAlign={(newTextAlign: SetStateAction<TextAlign>) =>
+                        setCanvasEngineState(prev => ({ ...prev, textAlign: typeof newTextAlign === 'function' ? newTextAlign(prev.textAlign) : newTextAlign }))
+                    }
                     isStandalone={mode === 'room' ? false : true}
                 />