frontend: cleanup components folder

frontend/src/App.js

@@ -1,6 +1,6 @@
 import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
 import { ToastContainer } from "react-toastify";
-import Navbar from "./components/Navbar";
+import Navbar from "./components/navigations/Navbar";
 import routes from "./routes";
 import "react-toastify/dist/ReactToastify.min.css";
 

frontend/src/components/SkillItemDashboard.jsx

@@ -1,5 +1,5 @@
-import ButtonEdit from "../components/ButtonEdit";
-import ButtonDelete from "../components/ButtonDelete";
+import ButtonEdit from "../components/buttons/ButtonEdit";
+import ButtonDelete from "../components/buttons/ButtonDelete";
 
 const SkillItemDashboard = ({ name, skillId, clickEdit, clickDelete }) => {
   return (

frontend/src/components/ButtonForm.jsx → frontend/src/components/buttons/ButtonForm.jsx

@@ -1,5 +1,5 @@
 import { useEffect } from "react";
-import LoadingBtnWhite from "./loading/LoadingBtnWhite";
+import LoadingBtnWhite from "../loading/LoadingBtnWhite";
 
 const ButtonForm = ({ children, loading = false, ...props }) => {
   useEffect(() => {

frontend/src/components/LinkDropdown.jsx → frontend/src/components/links/LinkDropdown.jsx

@@ -1,4 +1,4 @@
-import getRouteName from "../utils/getRouteName";
+import getRouteName from "../../utils/getRouteName";
 import { Link } from "react-router-dom";
 
 const LinkDropdown = ({ route, text, children, params }) => {

frontend/src/components/LinkSidebar.jsx → frontend/src/components/links/LinkSidebar.jsx

@@ -1,6 +1,6 @@
 import { Link } from "react-router-dom";
-import getActiveURL from "../utils/getActiveURL";
-import getRoutesName from "../utils/getRouteName";
+import getActiveURL from "../../utils/getActiveURL";
+import getRoutesName from "../../utils/getRouteName";
 
 const LinkSidebar = ({ children, text, route, params, click }) => {
   return (

frontend/src/components/Navbar.jsx → frontend/src/components/navigations/Navbar.jsx

@@ -1,7 +1,7 @@
 import { Link } from "react-router-dom";
-import Logo from "../assets/image/Logo.svg";
-import ButtonFill from "./ButtonFill";
-import getRoutesName from "../utils/getRouteName";
+import Logo from "../../assets/image/Logo.svg";
+import ButtonFill from "../buttons/ButtonFill";
+import getRoutesName from "../../utils/getRouteName";
 import { useState } from "react";
 
 const Navbar = () => {

frontend/src/components/Sidebar.jsx → frontend/src/components/navigations/Sidebar.jsx

@@ -1,9 +1,9 @@
 import { useState } from "react";
 import { Link, Redirect } from "react-router-dom";
-import LogoWhite from "../assets/image/LogoWhite.svg";
-import useAxios from "../hooks/useAxios";
-import getUserInfo from "../utils/getUserInfo";
-import LinkSidebar from "./LinkSidebar";
+import LogoWhite from "../../assets/image/LogoWhite.svg";
+import useAxios from "../../hooks/useAxios";
+import getUserInfo from "../../utils/getUserInfo";
+import LinkSidebar from "../links/LinkSidebar";
 import ToggleSidebar from "./ToggleSidebar";
 
 const Sidebar = () => {

frontend/src/components/RowTableProject.jsx → frontend/src/components/tables/RowTableProject.jsx

@@ -1,5 +1,5 @@
-import ButtonDelete from "./ButtonDelete";
-import ButtonEdit from "./ButtonEdit";
+import ButtonDelete from "../buttons/ButtonDelete";
+import ButtonEdit from "../buttons/ButtonEdit";
 import Td from "./Td";
 import Tr from "./Tr";
 

frontend/src/pages/Home.jsx

@@ -1,8 +1,8 @@
-import ButtonOutline from "../components/ButtonOutline";
+import ButtonOutline from "../components/buttons/ButtonOutline";
 import { Link } from "react-router-dom";
 import getRouteName from "../utils/getRouteName";
 import getUserInfo from "../utils/getUserInfo";
-import FeatureCard from "../components/FeatureCard";
+import FeatureCard from "../components/cards/FeatureCard";
 import LogoCreatedWhite from "../assets/image/LogoCreatedWhite.svg";
 
 const Home = () => {

frontend/src/pages/Login.jsx

@@ -1,6 +1,6 @@
 import { Link, Redirect, useHistory } from "react-router-dom";
-import ButtonForm from "../components/ButtonForm";
-import Input from "../components/Input";
+import ButtonForm from "../components/buttons/ButtonForm";
+import Input from "../components/forms/Input";
 import getRouteName from "../utils/getRouteName";
 import Logo from "../assets/image/Logo.svg";
 import useAxios from "../hooks/useAxios";

frontend/src/pages/Portfolio.jsx

@@ -1,6 +1,6 @@
 import PortfolioSection from "../components/PortfolioSection";
 import SkillItem from "../components/SkillItem";
-import CardProject from "../components/CardProject";
+import CardProject from "../components/cards/CardProject";
 import LogoWhite from "../assets/image/LogoWhite.svg";
 import SquareLogo from "../assets/image/SquareLogo.svg";
 import { Link, Redirect } from "react-router-dom";

frontend/src/pages/Register.jsx

@@ -1,6 +1,6 @@
 import { Link, Redirect } from "react-router-dom";
-import ButtonForm from "../components/ButtonForm";
-import Input from "../components/Input";
+import ButtonForm from "../components/buttons/ButtonForm";
+import Input from "../components/forms/Input";
 import getRouteName from "../utils/getRouteName";
 import Logo from "../assets/image/Logo.svg";
 import { useState } from "react";

frontend/src/pages/dashboard/Projects.jsx

@@ -1,13 +1,13 @@
 import { useEffect, useState } from "react";
-import AlertDanger from "../../components/AlertDanger";
-import ButtonAdd from "../../components/ButtonAdd";
-import ButtonCancel from "../../components/ButtonCancel";
-import ButtonForm from "../../components/ButtonForm";
+import AlertDanger from "../../components/alerts/AlertDanger";
+import ButtonAdd from "../../components/buttons/ButtonAdd";
+import ButtonCancel from "../../components/buttons/ButtonCancel";
+import ButtonForm from "../../components/buttons/ButtonForm";
 import DashboardTitle from "../../components/DashboardTitle";
-import Input from "../../components/Input";
-import RowTableProject from "../../components/RowTableProject";
-import Sidebar from "../../components/Sidebar";
-import Th from "../../components/Th";
+import Input from "../../components/forms/Input";
+import RowTableProject from "../../components/tables/RowTableProject";
+import Sidebar from "../../components/navigations/Sidebar";
+import Th from "../../components/tables/Th";
 import useAxios from "../../hooks/useAxios";
 import getUserInfo from "../../utils/getUserInfo";
 import { toast } from "react-toastify";

frontend/src/pages/dashboard/Skills.jsx

@@ -1,12 +1,12 @@
-import Sidebar from "../../components/Sidebar";
+import Sidebar from "../../components/navigations/Sidebar";
 import SkillItemDashboard from "../../components/SkillItemDashboard";
-import ButtonAdd from "../../components/ButtonAdd";
+import ButtonAdd from "../../components/buttons/ButtonAdd";
 import DashboardTitle from "../../components/DashboardTitle";
 import { useEffect, useState } from "react";
-import AlertDanger from "../../components/AlertDanger";
+import AlertDanger from "../../components/alerts/AlertDanger";
 import useAxios from "../../hooks/useAxios";
 import getUserInfo from "../../utils/getUserInfo";
-import ButtonCancel from "../../components/ButtonCancel";
+import ButtonCancel from "../../components/buttons/ButtonCancel";
 import { toast } from "react-toastify";
 import LoadingDark from "../../components/loading/LoadingDark";
 

frontend/src/pages/dashboard/User.jsx

@@ -1,9 +1,9 @@
 import { useEffect, useState } from "react";
-import ButtonForm from "../../components/ButtonForm";
-import Input from "../../components/Input";
-import InputFile from "../../components/InputFile";
-import Sidebar from "../../components/Sidebar";
-import Textarea from "../../components/Textarea";
+import ButtonForm from "../../components/buttons/ButtonForm";
+import Input from "../../components/forms/Input";
+import InputFile from "../../components/forms/InputFile";
+import Sidebar from "../../components/navigations/Sidebar";
+import Textarea from "../../components/forms/Textarea";
 import useAxios from "../../hooks/useAxios";
 import axios from "axios";
 import { toast } from "react-toastify";