optimize code

src/app/srt-player/UploadArea.tsx

@@ -1,5 +1,5 @@
 import Button from "@/components/Button";
-import { useRef, useState } from "react";
+import { useRef } from "react";
 
 export default function UploadArea(
   {
@@ -12,9 +12,6 @@ export default function UploadArea(
 ) {
   const inputRef = useRef<HTMLInputElement>(null);
 
-  const [videoFile, setVideoFile] = useState<File | null>(null);
-  const [SrtFile, setSrtFile] = useState<File | null>(null);
-
   const uploadVideo = () => {
     const input = inputRef.current;
     if (input) {
@@ -23,7 +20,6 @@ export default function UploadArea(
       input.onchange = () => {
         const file = input.files?.[0];
         if (file) {
-          setVideoFile(file);
           setVideoUrl(URL.createObjectURL(file));
         }
       };
@@ -37,7 +33,6 @@ export default function UploadArea(
       input.onchange = () => {
         const file = input.files?.[0];
         if (file) {
-          setSrtFile(file);
           setSrtUrl(URL.createObjectURL(file));
         }
       };

src/app/srt-player/VideoPlayer/VideoPanel.tsx

@@ -1,4 +1,4 @@
-import { useState, useRef, forwardRef, useEffect, KeyboardEvent, useCallback } from "react";
+import { useState, useRef, forwardRef, useEffect, useCallback } from "react";
 import SubtitleDisplay from "./SubtitleDisplay";
 import Button from "@/components/Button";
 import { getIndex, parseSrt, getNearistIndex } from "../subtitle";

src/app/translator/page.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { ChangeEvent, useEffect, useState } from "react";
+import { ChangeEvent, useState } from "react";
 import Button from "@/components/Button";
 import IconClick from "@/components/IconClick";
 import { useAudioPlayer } from "@/hooks/useAudioPlayer";