Fix import order and remove unused code

Author: salim laimeche

components/Login.tsx

@@ -4,7 +4,7 @@ import Link from "next/link"
 import { Input } from "./ui/input"
 import { Button } from "./ui/button"
 import { z } from "zod"
-import { LoginFormSchema } from "@/app/lib/identity/definition"
+
 import { zodResolver } from "@hookform/resolvers/zod"
 import { useState } from "react"
 import { useRouter } from "next/navigation"
@@ -17,13 +17,14 @@ import {
   FormLabel,
   FormMessage,
 } from "./ui/form"
-import { login } from "@/app/lib/identity/auth"
+
 import { AuroraBackground } from "./ui/aurora-background"
 import { motion } from "framer-motion"
 import { useTheme } from "next-themes"
 import { Meteors } from "./ui/meteors"
-import { TextGenerateEffect } from "./ui/text-generate-effect"
 import { BlurIn } from "./ui/text-blur"
+import { login } from "@/app/lib/identity/auth"
+import { LoginFormSchema } from "@/app/lib/identity/definition"
 
 export default function Login() {
   const { theme } = useTheme()
@@ -65,7 +66,7 @@ export default function Login() {
         onMouseLeave={() => setButtonHover(false)}>
         <div className="grid gap-2 text-center">
           <BlurIn
-            text="Pretorian System Security"
+            text="Pro Pretorian System Solution  "
             balise="h1"
             className={`text-3xl font-bold  bg-gradient-to-r from-indigo-500 via-yellow-500 to-indigo-500 inline-block text-transparent bg-clip-text`}
           />{" "}
@@ -84,18 +85,15 @@ export default function Login() {
               name="email"
               render={({ field }) => (
                 <FormItem>
-                  <FormLabel
-                    className={theme === "light" ? "text-black" : "text-white"}>
+                  <FormLabel className="text-indigo-500">
                     <BlurIn text="Email" balise="span" className="text-sm" />
                   </FormLabel>
                   <FormControl>
                     <Input
                       type="email"
                       autoComplete="username"
                       placeholder="Votre email..."
-                      className={
-                        theme === "light" ? "text-black" : "text-white"
-                      }
+                      className="text-indigo-500"
                       {...field}
                     />
                   </FormControl>
@@ -108,8 +106,7 @@ export default function Login() {
               name="password"
               render={({ field }) => (
                 <FormItem>
-                  <FormLabel
-                    className={theme === "light" ? "text-black" : "text-white"}>
+                  <FormLabel className="text-indigo-500">
                     <BlurIn
                       text="Mot de passe"
                       balise="span"
@@ -121,9 +118,7 @@ export default function Login() {
                       type="password"
                       autoComplete="new-password"
                       placeholder="Votre mot de passe..."
-                      className={
-                        theme === "light" ? "text-black" : "text-white"
-                      }
+                      className="text-indigo-500"
                       {...field}
                     />
                   </FormControl>
@@ -143,10 +138,7 @@ export default function Login() {
             </Button>
           </form>
         </Form>
-        <div
-          className={`mt-4 text-center text-sm z-10 ${
-            theme === "light" ? "text-black" : "text-white"
-          }`}>
+        <div className={`mt-4 text-center text-sm z-10 text-indigo-500`}>
           <BlurIn text="Vous n'avez pas de compte ?" balise="span" />
           <Link href="/register" className="underline ml-1 border ">
             <BlurIn text="Inscrivez-vous" balise="span" className="text-sm" />

components/VideoInference.tsx

@@ -142,6 +142,35 @@ export default function VideoInference({ user }: IProps) {
                   disabled={!model || !videoSrc}>
                   Traiter la vidéo
                 </Button>
+                {/* button to remove video in input and video */}
+                <Button
+                  variant="destructive"
+                  className="hover:bg-red-500"
+                  onClick={() => {
+                    setVideoSrc(null)
+                    const inputFile = document.getElementById("inputFile")
+                    if (inputFile) {
+                      inputFile.setAttribute("value", "")
+                    }
+                    if (videoRef.current) {
+                      videoRef.current.load()
+                    }
+
+                    if (canvasRef.current) {
+                      const context = canvasRef.current.getContext("2d")
+                      if (context) {
+                        context.clearRect(
+                          0,
+                          0,
+                          canvasRef.current.width,
+                          canvasRef.current.height
+                        )
+                      }
+                    }
+                  }}
+                  disabled={!videoSrc}>
+                  Vider le lecteur vidéo
+                </Button>
               </div>
             </CardContent>
           </Card>
@@ -203,7 +232,7 @@ export default function VideoInference({ user }: IProps) {
             </Card>
           )}
 
-          <Card>
+          {/* <Card>
             <CardHeader className="flex flex-row items-start bg-muted/50">
               <div className="grid gap-0.5">
                 <CardTitle className="text-lg">Actions</CardTitle>
@@ -216,7 +245,7 @@ export default function VideoInference({ user }: IProps) {
                 </Button>
               </div>
             </CardContent>
-          </Card>
+          </Card> */}
         </div>
       </main>
     </div>
@@ -240,40 +269,3 @@ function ChevronDownIcon(props) {
     </svg>
   )
 }
-
-function PlayIcon(props) {
-  return (
-    <svg
-      {...props}
-      xmlns="http://www.w3.org/2000/svg"
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="2"
-      strokeLinecap="round"
-      strokeLinejoin="round">
-      <polygon points="6 3 20 12 6 21 6 3" />
-    </svg>
-  )
-}
-
-function XIcon(props) {
-  return (
-    <svg
-      {...props}
-      xmlns="http://www.w3.org/2000/svg"
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="2"
-      strokeLinecap="round"
-      strokeLinejoin="round">
-      <path d="M18 6 6 18" />
-      <path d="m6 6 12 12" />
-    </svg>
-  )
-}

models/model-list.ts

@@ -1,5 +1,3 @@
 export enum ModelComputerVision {
   COCO_SSD = "Coco SSD",
-  MOBILE_NET = "Mobile Net",
-  YOLO = "Yolo",
 }