diff --git a/components/templates/allBusinesses/AllBusinesses.jsx b/components/templates/allBusinesses/AllBusinesses.jsx
index c0c1fdb..a49abdd 100644
--- a/components/templates/allBusinesses/AllBusinesses.jsx
+++ b/components/templates/allBusinesses/AllBusinesses.jsx
@@ -1,5 +1,5 @@
 "use client"
-import { Avatar, Box, Button, Container, List, ListItem, ListItemAvatar, ListItemText, TextField, Typography } from '@mui/material'
+import { Avatar, Box, Button, Container, List, ListItem, ListItemAvatar, ListItemButton, ListItemText, TextField, Typography } from '@mui/material'
 import MyAppBar from '@/components/modules/MyAppBar'
 import { useState } from 'react'
 import { useRouter } from 'next/navigation'
@@ -15,6 +15,8 @@ const ShowMyLocation = dynamic(() => import('@/components/modules/ShowMyLocation
 
 
 export default function AllBusinesses({ businesses }) {
+    const router = useRouter()
+
     console.log("businesses", businesses);
     const [expanded, setExpanded] = useState(false);
 
@@ -43,15 +45,16 @@ export default function AllBusinesses({ businesses }) {
                     {businesses.map((business) => {
                         console.log(business.businessName);
                         return (
-
                             <List key={business._id} sx={{ width: '100%', maxWidth: 700, bgcolor: 'background.paper' }}>
                                 <ListItem>
+                                <ListItemButton onClick={() => router.push(`/${business.businessName}`)}>
                                     <ListItemAvatar>
                                         <Avatar sx={{ width: 40, height: 40 }} >
                                             <ItsAvatar userCodeOrBusinessBrand={business.businessName} alt="workers avatar" />
                                         </Avatar>
                                     </ListItemAvatar>
                                     <ListItemText align='right' primary={business.businessBrand} secondary={business.bio} />
+                                    </ListItemButton>
                                 </ListItem>
                             </List>
                         )
diff --git a/components/templates/editBusiness/EditBusiness.jsx b/components/templates/editBusiness/EditBusiness.jsx
index fe8f27b..6ef17f0 100644
--- a/components/templates/editBusiness/EditBusiness.jsx
+++ b/components/templates/editBusiness/EditBusiness.jsx
@@ -1,5 +1,5 @@
-// "use client"
-import React from "react";
+"use client"
+import React, { useState } from "react";
 import MyAppBar from "@/components/modules/MyAppBar";
 import CountactEdit from '@/components/modules/ContactEdit'
 import BioEdit from "@/components/modules/BioEdit";
@@ -7,18 +7,18 @@ import ExplainEdit from "@/components/modules/ExplainEdit";
 import NameEdit from "@/components/modules/NameEdit";
 import EditLocation from "./EditLocation";
 import AddressEdit from "./AddressEdit";
-// import CustomSnackbar from "@/components/modules/CustomSnackbar";
+import CustomSnackbar from "@/components/modules/CustomSnackbar";
 import EditHeader from "@/components/modules/EditHeader";
 import EditAvatar from "../../modules/EditAvatar";
 import EmployeeList from "@/components/modules/EmployeeList";
 
 export default function EditBusiness({ business, logedUserCode ,users}) {
-    // const [snackbarError, setSnackbarError] = useState(false);
-    // const [SnackbarMessage, setSnackbarMessage] = useState("محدودیت تعداد کارکتر را رعایت نمایید")
-    // const maxLengthError = (parameter) => {
-    //     parameter && setSnackbarMessage(parameter)
-    //     setSnackbarError(true)
-    // };
+    const [snackbarError, setSnackbarError] = useState(false);
+    const [SnackbarMessage, setSnackbarMessage] = useState("محدودیت تعداد کارکتر را رعایت نمایید")
+    const maxLengthError = (parameter) => {
+        parameter && setSnackbarMessage(parameter)
+        setSnackbarError(true)
+    };
     return (
         <>
             <MyAppBar />
@@ -32,12 +32,12 @@ export default function EditBusiness({ business, logedUserCode ,users}) {
             <EditLocation business={business} maxLengthError={maxLengthError} />
             <EmployeeList business={business} logedUserCode={logedUserCode} users={users} maxLengthError={maxLengthError}/>
 
-            {/* <CustomSnackbar
+            <CustomSnackbar
                 open={snackbarError}
                 onClose={() => setSnackbarError(false)}
                 message={SnackbarMessage}
                 severity="error"
-            /> */}
+            />
         </>
 
     )