svg ke png

Bibiing · Dec 10, 2024 · 471d33e · 471d33e
1 parent a9ea87d
commit 471d33e
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 13 deletions.
diff --git a/src/components/Header.jsx b/src/components/Header.jsx
@@ -1,7 +1,9 @@
 import { useState, useEffect } from "react";
 import { Link, useNavigate, useLocation } from "react-router-dom";
 import menu from "../assets/menu.png";
-
+import logo from "../assets/logo-fix.png";
+import pipe from "../assets/pipe.png";
+import account from "../assets/account.png";
 const Header = () => {
   const [isScrolled, setIsScrolled] = useState(false);
   const [isMenuOpen, setIsMenuOpen] = useState(false);
@@ -94,11 +96,7 @@ const Header = () => {
       style={{ zIndex: 10 }}
     >
       <div className="flex items-center space-x-8">
-        <img
-          src="./src/assets/logo-fix.png"
-          alt="logo"
-          className="h-10 lg:h-12 w-auto max-w-[240px]"
-        />
+        <img src={logo} alt="logo" className="h-10 lg:h-12 w-auto max-w-[240px]"/>
       </div>
 
       {/* Desktop Menu */}
@@ -110,14 +108,14 @@ const Header = () => {
           Playback
         </Link>
 
-        <img src="./src/assets/pipe.png" alt="separator" className="h-6" />
+        <img src={pipe} alt="separator" className="h-6" />
 
         {userId ? (
           <div className="flex">
             <button type="button" onClick={toggleDropdown}>
               <span className="text-[#365486] font-medium flex items-center">
                 <img
-                  src="src/assets/account.png"
+                  src={account}
                   width="16px"
                   className="mr-1"
                   alt="Account Icon"

diff --git a/src/components/PlayBack/ImageViewModeToggle.jsx b/src/components/PlayBack/ImageViewModeToggle.jsx
@@ -1,4 +1,6 @@
 import React from "react";
+import list from "../../assets/list.png";
+import grid from "../../assets/grid.png";
 
 const ImageViewModeToggle = ({ viewMode, onViewModeChange }) => {
   return (
@@ -9,15 +11,15 @@ const ImageViewModeToggle = ({ viewMode, onViewModeChange }) => {
           viewMode === "list" ? "bg-[#2a4675]" : "bg-[#e0e0e0]"
         }`}
       >
-        <img src="./src/assets/list.png" alt="List View" width="30" />
+        <img src={list} alt="List View" width="30" />
       </button>
       <button
         onClick={() => onViewModeChange("grid")}
         className={`p-2 rounded-md ${
           viewMode === "grid" ? "bg-[#2a4675]" : "bg-[#e0e0e0]"
         }`}
       >
-        <img src="./src/assets/grid.png" alt="Grid View" width="30" />
+        <img src={grid} alt="Grid View" width="30" />
       </button>
     </div>
   );

diff --git a/src/components/SignIn/SignInForm.jsx b/src/components/SignIn/SignInForm.jsx
@@ -1,7 +1,7 @@
 import { useState } from "react";
 import { useNavigate } from "react-router-dom";
 import { Link } from "react-router-dom";
-
+import Gmail from "../../assets/Gmail.png";
 const SignIn = () => {
   const [email, setEmail] = useState("");
   const [password, setPassword] = useState("");
@@ -93,7 +93,7 @@ const SignIn = () => {
             className="mt-4 inline-flex items-center justify-center w-full p-3 bg-gray-100 hover:bg-gray-200 text-gray-600 rounded-md text-base font-normal transition duration-200"
           >
             <img
-              src="./src/assets/Gmail.png"
+              src={Gmail}
               alt="Google logo"
               className="w-6 h-6 mr-2"
             />

diff --git a/src/components/SignUp/SignUpForm.jsx b/src/components/SignUp/SignUpForm.jsx
@@ -1,5 +1,6 @@
 import { useState } from "react";
 import { Link, useNavigate } from "react-router-dom";
+import Gmail from "../../assets/Gmail.png";
 
 const SignUp = () => {
   const navigate = useNavigate();
@@ -119,7 +120,7 @@ const SignUp = () => {
             className="mt-4 flex items-center justify-center w-full py-2 bg-gray-100 rounded text-gray-600 hover:bg-gray-200 transition duration-200"
           >
             <img
-              src="./src/assets/Gmail.png"
+              src={Gmail}
               alt="Google logo"
               className="w-5 h-5 mr-2"
             />