cambios

components/DashboardIconNavbar.tsx

@@ -1,5 +1,5 @@
 import Link from "next/link";
-import DashboardIcon from "./icons/DashboardIcon";
+import DashboardIcon from "../components/icons/DashboardIcon";
 
 interface DashboardIconInterface {
   path: string;

components/ProjectNavbarIcon.tsx

@@ -1,5 +1,5 @@
 import Link from "next/link";
-import ProjectIcon from "./icons/ProjectIcon";
+import ProjectIcon from "../components/icons/ProjectIcon";
 
 interface ProjectIconNavbarInterface {
   path: string;

components/UserIconNavbar.tsx

@@ -3,7 +3,7 @@ import { Menu, Transition } from "@headlessui/react";
 import Link from "next/link";
 import { Fragment, useEffect, useState } from "react";
 import { useRouter } from "next/navigation";
-import UserIcon from "./icons/UserIcon";
+import UserIcon from "../components/icons/UserIcon";
 import { signOut, useSession } from "next-auth/react";
 import { useQuery } from "@tanstack/react-query";
 import { getUserInfo } from "@/services/user";

components/icons/DashboardIcon.tsx

@@ -0,0 +1,25 @@
+interface DashboarIconInterface {
+    color: string;
+    size: string;
+  }
+
+  const DashboardIcon = ({ color, size }: DashboarIconInterface) => {
+    return (
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        fill="none"
+        viewBox="0 0 24 24"
+        strokeWidth={1.5}
+        stroke="currentColor"
+        className={`${size} ${color}`}
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          d="M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 0 1 3 19.875v-6.75ZM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V8.625ZM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V4.125Z"
+        />
+      </svg>
+    );
+  };
+
+  export default DashboardIcon;

components/icons/ProjectIcon.tsx

@@ -0,0 +1,22 @@
+interface InterfaceProjectIcon {
+    color: string;
+    size: string;
+  }
+  const ProjectIcon = ({ color, size }: InterfaceProjectIcon) => (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 24 24"
+      strokeWidth={1.5}
+      stroke="currentColor"
+      className={`${size} ${color}`}
+    >
+      <path
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z"
+      />
+    </svg>
+  );
+
+  export default ProjectIcon;

components/icons/UserIcon.tsx

@@ -0,0 +1,25 @@
+interface InterfaceUserIcon {
+    color: string;
+    size: string;
+    className?: string;
+  }
+  const UserIcon = ({ color, size, className }: InterfaceUserIcon) => {
+    return (
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        fill="none"
+        viewBox="0 0 24 24"
+        strokeWidth={1.5}
+        stroke="currentColor"
+        className={`${size} ${color} ${className}`}
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          d="M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
+        />
+      </svg>
+    );
+  };
+
+  export default UserIcon;