fix of animated gif

Author: boldizsarbenedek

my-app/src/views/Components/SideBarComponents/UploadField.jsx

@@ -1,9 +1,10 @@
-import React, { useState, useRef, useEffect } from "react";
+import React, { useState, useRef } from "react";
 import CourseTranscriptList from './CourseTranscriptList';
 import FilterEnableCheckbox from "./FilterEnableCheckbox";
 //import * as scraper from '../../../../src/scripts/transcript-scraper/transcript-scraper.js';
 import ButtonGroupField from './ButtonGroupField';
 import ToolTip from './ToolTip';
+import UploadGif from "../../../assets/upload.gif";
 
 export default function UploadField(props) {
 
@@ -73,7 +74,7 @@ export default function UploadField(props) {
                             />
                         </div>
                         <div className="flex flex-col items-center justify-center pt-5">
-                            <img src="..\..\..\..\src\assets\upload.gif" alt="Upload GIF" className="object-contain" />
+                            <img src={UploadGif} alt="Upload GIF" className="object-contain" />
                             <p className=" text-sm "><span className="font-semibold">Click to upload</span> or drag and drop</p>
                             <p className="text-xs">National Official Transcript of Records in PDF format</p>
                         </div>