resolve all the problems related to build (code100x#1463)

* fix build

* rm annoying spinner

* small addons

Dockerfile.prod

@@ -1,17 +1,17 @@
 FROM node:20-alpine AS build
 
 WORKDIR /usr/src/app
-ARG DATABASE_URL 
+ARG DATABASE_URL
+ENV DATABASE_URL=${DATABASE_URL}
 
 COPY . .
 
 RUN npm install -g pnpm && \
   pnpm install && \
   pnpm add sharp && \
-  pnpm run build && \
-  DATABASE_URL=$DATABASE_URL pnpm dlx prisma generate 
-
+  pnpm run build
 
+RUN DATABASE_URL=${DATABASE_URL} pnpm dlx prisma generate
 
 FROM node:20-alpine AS run
 
@@ -25,7 +25,7 @@ COPY --from=build --chown=1001:1001 usr/src/app/.next/static ./.next/static
 COPY --from=build --chown=1001:1001 usr/src/app/public ./public
 
 ENV NODE_ENV production
-ENV PORT 3000 
+ENV PORT 3000
 ENV HOSTNAME "0.0.0.0"
 
 CMD [ "node", "server.js" ]

src/app/layout.tsx

@@ -33,7 +33,9 @@ export default function RootLayout({ children }: { children: ReactNode }) {
         )}
       >
         <GoogleAnalytics />
-        <NextTopLoader />
+        <NextTopLoader 
+          showSpinner={false} 
+        />
         <Providers>
           <Navbar />
           {children}

src/components/ContentCard.tsx

@@ -6,6 +6,7 @@ import VideoThumbnail from './videothumbnail';
 import CardComponent from './CardComponent';
 import { motion } from 'framer-motion';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './ui/tooltip';
+import React from 'react';
 
 export const ContentCard = ({
   title,

src/components/Navbar.tsx

@@ -5,7 +5,7 @@ import { useSession } from 'next-auth/react';
 import { usePathname, useRouter } from 'next/navigation';
 import React, { useState, useCallback, useMemo } from 'react';
 import Link from 'next/link';
-import { ArrowLeft, Menu, Search, X } from 'lucide-react';
+import { ArrowLeft, Menu, X } from 'lucide-react';
 import { Button } from './ui/button';
 import { AppbarAuth } from './AppbarAuth';
 import ThemeToggler from './ThemeToggler';

src/components/ThemeToggler.tsx

@@ -21,9 +21,7 @@ export default function ThemeToggler() {
   };
 
   const toggleTheme = () => {
-    if (!document.startViewTransition) switchTheme();
-
-    document.startViewTransition(switchTheme);
+      switchTheme();
   };
 
   return (

src/components/comment/CommentInputForm.tsx

@@ -42,11 +42,11 @@ const CommentInputForm = ({
     setCommentText('');
   };
 
-  const isAllSpaces = (str: string): boolean => /^\s*$/.test(str);
+  const isAllSpaces = (str: string): boolean => (/^\s*$/).test(str);
 
   const isCommentValid = () => {
     return !isAllSpaces(commentText);
-  }
+  };
 
   // Function to adjust the height of the textarea
   const adjustTextareaHeight = () => {
@@ -58,11 +58,11 @@ const CommentInputForm = ({
 
   useEffect(() => {
     if (!isCommentValid() || isLoading) {
-      setButtonDisabled(true)
+      setButtonDisabled(true);
     } else {
-      setButtonDisabled(false)
+      setButtonDisabled(false);
     }
-  }, [commentText])
+  }, [commentText]);
 
   // Effect to handle the initial and dynamic height adjustment
   useEffect(() => {

src/components/comment/CommentVoteForm.tsx

@@ -64,7 +64,7 @@ const CommentVoteForm: React.FC<CommentVoteFormProps> = ({
     }
 
     toast.promise(
-      execute({ voteType: newVoteType, commentId, currentPath }),
+      execute({ voteType: newVoteType, commentId, currentPath, slug: '' }),
       toastMessage,
     );
   };