add poppins

src/components/DataTable/index.jsx

@@ -78,7 +78,9 @@ const DataTable = ({ columns, data, tabFilterData }) => {
                   {headerGroups.map((headerGroup) => (
                     <tr style={{ padding: 10 }} {...headerGroup.getHeaderGroupProps()}>
                       {headerGroup.headers.map((column) => (
-                        <th className="p-2" style={{ color: 'white', textAlign: 'left' }} {...column.getHeaderProps()}>{column.render("Header")}</th>
+                        <>
+                          <th className="p-2" style={{ color: 'white', textAlign: 'left', width: column.Header == "No" ? '5%' : 0}} {...column.getHeaderProps()}>{column.render("Header")}</th>
+                        </>
                       ))}
                       <th style={{ color: 'white', textAlign: 'left', width: '5%' }}>Action</th>
                     </tr>

src/components/Sidebar/index.jsx

@@ -67,9 +67,9 @@ const Sidebar = ({ sidebarOpen, setSidebarOpen }) => {
     >
       {/* <!-- SIDEBAR HEADER --> */}
       <div className="flex items-center justify-between gap-2 px-6 py-5.5 lg:py-6.5">
-        {/* <NavLink to="/">
-          <img src={Logo} alt="Logo" />
-        </NavLink> */}
+        <NavLink to="/dashboard">
+          <img src='https://pbs.twimg.com/profile_images/968321221912813568/ErvVO4Is_400x400.jpg' alt="Logo" className='w-32 h-32'/>
+        </NavLink>
 
         <button
           ref={trigger}

src/index.css

@@ -1,3 +1,4 @@
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
@@ -6,4 +7,8 @@
   body {
     @apply bg-whiten relative z-1;
   }
+}
+
+:root {
+  font-family: 'Poppins', 'sans-serif';
 }

src/pages/Login/index.jsx

@@ -48,8 +48,7 @@ const Login = () => {
   }
 
   useEffect(() => {
-    if(!auth == {}) {
-      console.log("BRUHH", auth);
+    if(auth != {}) {
       navigate("/dashboard")
     }
   })

src/pages/News/index.jsx

@@ -18,9 +18,9 @@ const News = () => {
   const columns = useMemo(
     () => [
       {
-        Header: () => <span>No</span>,
+        Header: "No",
         id: 'rowNumber',
-        width: 30,
+        width: 10,
       },
       {
         Header: "Type",

tailwind.config.js

@@ -5,9 +5,6 @@ module.exports = {
   content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
   darkMode: 'class',
   theme: {
-    fontFamily: {
-      satoshi: ['Satoshi', 'sans-serif'],
-    },
     colors: {
       current: 'currentColor',
       transparent: 'transparent',