Added favicon and title and every page

VaibhavArora314 · Jul 11, 2024 · a32e8ac · a32e8ac
1 parent bcbf546
commit a32e8ac
Show file tree

Hide file tree

Showing 8 changed files with 14 additions and 4 deletions.
diff --git a/admin/index.html b/admin/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/svg+xml" href="./src/assets/favicon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Vite + React + TS</title>
   </head>

diff --git a/admin/src/components/SideBar.tsx b/admin/src/components/SideBar.tsx
@@ -15,7 +15,9 @@ const SideBar = ({ sidebarOpen, toggleSidebar }: { sidebarOpen: boolean, toggleS
   return (
     <div className={`lg:rounded-xl rounded-none fixed z-30 inset-y-0 left-0 w-72 lg:m-5 transition-transform transform ${sidebarOpen ? "translate-x-0" : "-translate-x-full"} lg:translate-x-0 bg-[#000435] text-white`}>
       <div className="flex items-center justify-between mr-6 mt-3 h-16 px-4">
-        <a href='/app' className="text-xl flex font-bold"><img src={logo} className="h-8 mx-3" alt="Styleshare Logo" /> Style Share</a>
+        <Link to='/admin' className="text-xl flex font-bold">
+        <img src={logo} className="h-8 mx-3" alt="Styleshare Logo" /> 
+          Style Share</Link>
         <button onClick={toggleSidebar} className="lg:hidden text-2xl">
           <FaTimes />
         </button>

diff --git a/admin/src/pages/Dashboard.tsx b/admin/src/pages/Dashboard.tsx
@@ -8,6 +8,8 @@ import NewPosts from '../components/NewPosts';
 const Dashboard = () => {
   const [sidebarOpen, setSidebarOpen] = useState(false);
 
+  document.title ="Style Share Admin | Dashboard 👨‍💻"
+
   const toggleSidebar = () => {
     setSidebarOpen(!sidebarOpen);
   };

diff --git a/admin/src/pages/PageNotFound.tsx b/admin/src/pages/PageNotFound.tsx
@@ -2,7 +2,7 @@ import notfound from '../assets/notFound.png'
 
 const PageNotFound = () => {
 
-  document.title='Style Share | Nothing here 🫗'
+  document.title='Style Share Admin | Nothing here 🫗'
 
   return (
     <div className='h-screen flex flex-col items-center justify-center mx-auto text-[#000435] bg-[#000435]'>

diff --git a/admin/src/pages/Posts.tsx b/admin/src/pages/Posts.tsx
@@ -5,6 +5,8 @@ import SideBar from "../components/SideBar";
 const Posts = () => {
   const [sidebarOpen, setSidebarOpen] = useState(false);
 
+  document.title ="Style Share Admin | Manage Users Posts 📃"
+
   const toggleSidebar = () => {
     setSidebarOpen(!sidebarOpen);
   };

diff --git a/admin/src/pages/Profile.tsx b/admin/src/pages/Profile.tsx
@@ -11,6 +11,8 @@ const Profile = () => {
   const setTokenState = useSetRecoilState(tokenState);
   const user = useRecoilValue(userState);
 
+  document.title ="Style Share Admin | My Profile 📷"
+
   const handleLogout = () => {
     setTokenState(null);
     localStorage.removeItem("authToken");

diff --git a/admin/src/pages/Signin.tsx b/admin/src/pages/Signin.tsx
@@ -21,7 +21,7 @@ const Signin = () => {
   const setTokenState = useSetRecoilState(tokenState);
   const navigate = useNavigate();
 
-  document.title='Style Share | Login page 👋'
+  document.title='Style Share Admin | Login page 👋'
 
   const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();

diff --git a/admin/src/pages/Users.tsx b/admin/src/pages/Users.tsx
@@ -12,6 +12,8 @@ const Users = () => {
   const [allUsers, setAllUsers] = useState<IUser[]>([]);
   const token = useRecoilValue(tokenState);
 
+  document.title ="Style Share Admin | Manage Users 👥"
+
   const toggleSidebar = () => {
     setSidebarOpen(!sidebarOpen);
   };