Delete IMage

.vscode/settings.json

@@ -18,6 +18,7 @@
     "tagcontainer",
     "toastify",
     "Viewelement",
+    "webp",
     "zustand",
     "مطلوب"
   ],

public/Icon/cercile.svg

@@ -1,5 +0,0 @@
-<svg  viewBox="0 0 377 446" fill="none" xmlns="http://www.w3.org/2000/svg">
-<ellipse opacity="0.1" cx="293" cy="326.206" rx="293" ry="326.206" fill="white" fill-opacity="0.66"/>
-<ellipse opacity="0.1" cx="293" cy="326.207" rx="181.81" ry="202.415" fill="white" fill-opacity="0.66"/>
-<ellipse opacity="0.1" cx="292.999" cy="326.206" rx="94.6615" ry="105.39" fill="white" fill-opacity="0.66"/>
-</svg>

public/student/student_bg.svg

@@ -1,18 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1082" height="138" viewBox="0 0 1082 138">
-  <defs>
-    <clipPath id="clip-path">
-      <rect id="Rectangle_1" data-name="Rectangle 1" width="1082" height="138" transform="translate(419 362)" fill="#fff"/>
-    </clipPath>
-  </defs>
-  <g id="Mask_Group_1" data-name="Mask Group 1" transform="translate(-419 -362)" clip-path="url(#clip-path)">
-    <g id="cover" transform="translate(369 332)">
-      <g id="Group_1" data-name="Group 1">
-        <path id="Path_1" data-name="Path 1" d="M50,50A20,20,0,0,1,70,30H1112a20,20,0,0,1,20,20V170H50Z" fill="#3182ce"/>
-      </g>
-      <g id="Group_2" data-name="Group 2">
-        <rect id="Rectangle_1-2" data-name="Rectangle 1" width="280.439" height="275.13" rx="20" transform="translate(230.408 111.564)" fill="#fb7d5b"/>
-        <rect id="Rectangle_2" data-name="Rectangle 2" width="280.439" height="275.13" rx="20" transform="translate(92 61)" fill="#fcc43e"/>
-      </g>
-    </g>
-  </g>
-</svg>

src/Pages/Auth/FormField.tsx

@@ -24,7 +24,7 @@ const FormField = ({ isLoading }: FormFieldType) => {
   const [t] = useTranslation();
   return (
     <Form className="AuthForm">
-      <Image src="../Layout/Logo.png" />
+      <Image src="../App/Logo.png" />
    
 
       <div className="AuthInput">

src/Pages/Home/Dummy.tsx

@@ -10,7 +10,7 @@ const Dummy = () => {
 
   return (
     <div className="DammyHomePage">
-      <Image src="/Layout/OLogo.png" />
+      <Image src="/App/SyriaLogo.webp" />
     </div>
   );
 };

src/Styles/Auth/Auth.scss

@@ -15,7 +15,7 @@
     margin-inline: auto;
     height: 60%;
     content: "";
-    background: url("../../../public/Layout/auth_bg.png");
+    background: url("../../../public/Layout/BackgroundHeader.webp");
     background-size: cover;
     background-repeat: no-repeat;
     z-index: 1;

src/Styles/Layout/Layout.scss

@@ -23,7 +23,7 @@
     background-repeat: no-repeat;
     background-size: cover;
 
-    background-image: url("../../../public/Layout/Background_Header.svg");
+    background-image: url("../../../public/Layout/BackgroundHeader.webp");
   }
 }