From 30801f30dd36b89d00f28b46e84dfb69b35eb358 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Yusuf=20G=C3=BCne=C5=9F?= <gunesyusuf838@gmail.com>
Date: Fri, 27 Oct 2023 21:09:31 +0300
Subject: [PATCH] feat: dashboard responsive

---
 .../Dashboard/Dictionaries/data-table-row-actions.tsx     | 2 +-
 .../Feedback/Feedback.constants.tsx                       | 0
 .../{HomeHeader => DashboardHeader}/Feedback/index.tsx    | 0
 .../{HomeHeader => DashboardHeader}/Navigation.tsx        | 0
 .../Dashboard/{HomeHeader => DashboardHeader}/index.tsx   | 8 +++++---
 .../navigation.constant.tsx                               | 0
 .../next/src/components/Layout/Dashboard/Sidebar/Menu.tsx | 2 +-
 apps/next/src/components/Layout/Dashboard/index.tsx       | 8 ++++----
 8 files changed, 11 insertions(+), 9 deletions(-)
 rename apps/next/src/components/Layout/Dashboard/{HomeHeader => DashboardHeader}/Feedback/Feedback.constants.tsx (100%)
 rename apps/next/src/components/Layout/Dashboard/{HomeHeader => DashboardHeader}/Feedback/index.tsx (100%)
 rename apps/next/src/components/Layout/Dashboard/{HomeHeader => DashboardHeader}/Navigation.tsx (100%)
 rename apps/next/src/components/Layout/Dashboard/{HomeHeader => DashboardHeader}/index.tsx (95%)
 rename apps/next/src/components/Layout/Dashboard/{HomeHeader => DashboardHeader}/navigation.constant.tsx (100%)

diff --git a/apps/next/src/components/Dashboard/Dictionaries/data-table-row-actions.tsx b/apps/next/src/components/Dashboard/Dictionaries/data-table-row-actions.tsx
index 85f755c2..cdde52fd 100644
--- a/apps/next/src/components/Dashboard/Dictionaries/data-table-row-actions.tsx
+++ b/apps/next/src/components/Dashboard/Dictionaries/data-table-row-actions.tsx
@@ -55,7 +55,7 @@ export function DataTableRowActions<TData extends object>({
   }, [status]);
 
   return (
-    <div className="w-full relative z-50">
+    <div className="w-full relative z-10">
       {row.original.title !== "initial" && (
         <DropdownMenu>
           <DropdownMenuTrigger asChild>
diff --git a/apps/next/src/components/Layout/Dashboard/HomeHeader/Feedback/Feedback.constants.tsx b/apps/next/src/components/Layout/Dashboard/DashboardHeader/Feedback/Feedback.constants.tsx
similarity index 100%
rename from apps/next/src/components/Layout/Dashboard/HomeHeader/Feedback/Feedback.constants.tsx
rename to apps/next/src/components/Layout/Dashboard/DashboardHeader/Feedback/Feedback.constants.tsx
diff --git a/apps/next/src/components/Layout/Dashboard/HomeHeader/Feedback/index.tsx b/apps/next/src/components/Layout/Dashboard/DashboardHeader/Feedback/index.tsx
similarity index 100%
rename from apps/next/src/components/Layout/Dashboard/HomeHeader/Feedback/index.tsx
rename to apps/next/src/components/Layout/Dashboard/DashboardHeader/Feedback/index.tsx
diff --git a/apps/next/src/components/Layout/Dashboard/HomeHeader/Navigation.tsx b/apps/next/src/components/Layout/Dashboard/DashboardHeader/Navigation.tsx
similarity index 100%
rename from apps/next/src/components/Layout/Dashboard/HomeHeader/Navigation.tsx
rename to apps/next/src/components/Layout/Dashboard/DashboardHeader/Navigation.tsx
diff --git a/apps/next/src/components/Layout/Dashboard/HomeHeader/index.tsx b/apps/next/src/components/Layout/Dashboard/DashboardHeader/index.tsx
similarity index 95%
rename from apps/next/src/components/Layout/Dashboard/HomeHeader/index.tsx
rename to apps/next/src/components/Layout/Dashboard/DashboardHeader/index.tsx
index a8325bd1..7acf1ae5 100644
--- a/apps/next/src/components/Layout/Dashboard/HomeHeader/index.tsx
+++ b/apps/next/src/components/Layout/Dashboard/DashboardHeader/index.tsx
@@ -2,6 +2,8 @@ import NavProfile from "../../NavProfile";
 import ThemeMode from "../../ThemeMode";
 import Feedback from "./Feedback";
 import Navigation from "./Navigation";
+import DashboardHeader from "@/components/Layout/Dashboard/DashboardHeader";
+import DashboardNavigation from "@/components/Layout/Dashboard/Sidebar/Navigation";
 import ChangeLanguage from "@/components/Layout/MainLayout/ChangeLanguage";
 import DynamicLogo from "@/components/Logo/DynamicLogo";
 import StaticLogo from "@/components/Logo/StaticLogo";
@@ -32,7 +34,7 @@ export default function HomeHeader({ className }: { className?: string }) {
           className
         )}
       >
-        <nav className="flex items-center justify-between w-full m-auto py-[1.125rem] px-20 max-md:px-4">
+        <nav className="flex items-center justify-between w-full m-auto py-[1.125rem] px-20 max-md:px-4 max-8xl:px-5">
           <div className="flex items-center">
             <Link
               href="/"
@@ -90,7 +92,7 @@ export default function HomeHeader({ className }: { className?: string }) {
             animate={{ x: 0 }}
             exit={{ x: "100%" }}
             transition={{ duration: 0.3, ease: "easeInOut" }}
-            className="col-span-1 flex flex-col fixed justify-between top-0 right-0 z-50 py-4 text-light_text dark:text-white bg-LightBackground dark:bg-DarkBackground g-red-500 px-5 min-w-[280px] max-w-[280px] border-l shadow-md shadow-[rgba(16, 24, 40, 1)] h-screen lg:hidden"
+            className="col-span-1 flex flex-col fixed justify-between top-0 right-0 z-50 py-4 text-light_text dark:text-white bg-LightBackground dark:bg-DarkBackground g-red-500 px-5 min-w-[280px] max-w-[280px] border-l shadow-md shadow-[rgba(16, 24, 40, 1)] h-screen lg:hidden z-50"
           >
             <span className="flex items-center flex-col w-full mb-8">
               <div className="font-bold text-[18px] flex items-center select-none pt-3 justify-between w-full">
@@ -114,7 +116,7 @@ export default function HomeHeader({ className }: { className?: string }) {
               </div>
 
               <div className="flex w-full md:flex-col py-4">
-                <Navigation variant="borgerMenu" />
+                <DashboardNavigation />
               </div>
             </span>
 
diff --git a/apps/next/src/components/Layout/Dashboard/HomeHeader/navigation.constant.tsx b/apps/next/src/components/Layout/Dashboard/DashboardHeader/navigation.constant.tsx
similarity index 100%
rename from apps/next/src/components/Layout/Dashboard/HomeHeader/navigation.constant.tsx
rename to apps/next/src/components/Layout/Dashboard/DashboardHeader/navigation.constant.tsx
diff --git a/apps/next/src/components/Layout/Dashboard/Sidebar/Menu.tsx b/apps/next/src/components/Layout/Dashboard/Sidebar/Menu.tsx
index 6b7f1a54..7dec2a54 100644
--- a/apps/next/src/components/Layout/Dashboard/Sidebar/Menu.tsx
+++ b/apps/next/src/components/Layout/Dashboard/Sidebar/Menu.tsx
@@ -2,7 +2,7 @@ import DashboardNav from "./Navigation";
 
 export default function BurgerMenu() {
   return (
-    <div className="col-span-1 flex flex-col justify-between md:top-50 top-50 !h-20 md:!h-full sticky top-[60px] py-4 md:py-8 z-40 text-light_text dark:text-white dark:bg-DarkBackground bg-LightBackground border-t md:border-t-0 g-red-500 md:min-w-[250px] md:max-w-[250px]">
+    <div className="col-span-1 flex flex-col justify-between md:top-50 top-50 !h-20 md:!h-full sticky top-[60px] py-4 md:py-8 z-40 text-light_text dark:text-white dark:bg-DarkBackground bg-LightBackground border-t md:border-t-0 g-red-500 md:min-w-[250px] md:max-w-[250px] max-[1022px]:hidden">
       <aside className="flex w-full md:flex-col">
         <DashboardNav />
       </aside>
diff --git a/apps/next/src/components/Layout/Dashboard/index.tsx b/apps/next/src/components/Layout/Dashboard/index.tsx
index eb967e48..e06188e5 100644
--- a/apps/next/src/components/Layout/Dashboard/index.tsx
+++ b/apps/next/src/components/Layout/Dashboard/index.tsx
@@ -1,5 +1,5 @@
 import Breadcrumb from "./Breadcrumb";
-import HomeHeader from "./HomeHeader";
+import DashboardHeader from "./DashboardHeader";
 import Sidebar from "@/components/Layout/Dashboard/Sidebar/Menu";
 import PageLoader from "@/components/UI/PageLoader";
 import { useAppSelector } from "@/utils/hooks";
@@ -17,10 +17,10 @@ export default function DashboardLayout({ children }: DashboardLayoutProps) {
 
   return (
     <main className="max-w-[90rem] m-auto">
-      <HomeHeader />
-      <div className="m-auto flex px-20">
+      <DashboardHeader />
+      <div className="m-auto flex px-20 max-8xl:px-5 max-[1022px]:px-0">
         <Sidebar />
-        <section className="py-4 px-4 md:py-8 md:px-8 w-full m-auto overflow-auto mt-5">
+        <section className="py-4 px-4 md:py-8 md:px- w-full m-auto overflow-auto mt-5 max-[1022px]:px-5">
           <main className="flex items-center justify-between w-full mb-6">
             <Breadcrumb />
           </main>