[TM-1568] move function out

wri · Dec 30, 2024 · e83bc9d · e83bc9d
1 parent 1e2ba82
commit e83bc9d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/components/extensive/BlurContainer/BlurContainer.tsx b/src/components/extensive/BlurContainer/BlurContainer.tsx
@@ -5,18 +5,17 @@ import { twMerge as tw } from "tailwind-merge";
 
 import Text from "@/components/elements/Text/Text";
 import { TEXT_TYPES } from "@/constants/dashboardConsts";
-import { useLogout } from "@/hooks/logout";
 
 export interface BlurContainerProps {
   isBlur: boolean;
   textType?: string;
   children: React.ReactNode;
   className?: string;
+  logout?: () => void;
 }
 
-const BlurContainer = ({ isBlur, textType, children, className }: BlurContainerProps) => {
+const BlurContainer = ({ isBlur, textType, children, className, logout }: BlurContainerProps) => {
   const t = useT();
-  const logout = useLogout();
 
   if (!isBlur) {
     return <>{children}</>;

diff --git a/src/pages/dashboard/index.page.tsx b/src/pages/dashboard/index.page.tsx
@@ -17,6 +17,7 @@ import {
   TEXT_TYPES
 } from "@/constants/dashboardConsts";
 import { useDashboardContext } from "@/context/dashboard.provider";
+import { useLogout } from "@/hooks/logout";
 import {
   formatLabelsVolunteers,
   getFrameworkName,
@@ -59,6 +60,7 @@ export interface GraphicLegendProps {
 const Dashboard = () => {
   const t = useT();
   const [, { user }] = useMyUser();
+  const logout = useLogout();
   const { filters, setFilters, frameworks } = useDashboardContext();
   const {
     dashboardHeader,
@@ -297,6 +299,7 @@ const Dashboard = () => {
           <BlurContainer
             isBlur={isUserAllowed !== undefined ? !isUserAllowed?.allowed : false}
             textType={user !== undefined ? TEXT_TYPES.LOGGED_USER : TEXT_TYPES.NOT_LOGGED_USER}
+            logout={logout}
           >
             <div className="grid w-full grid-cols-3 gap-4">
               {dashboardHeader.map((item, index) => (