change data clinics & page clinics tab about & contact & doctors

components/specialties/head/SearchBar.js

@@ -1,42 +0,0 @@
-import ArrowBottomD from '@/components/icons/ArrowBottomD'
-import SearchD from '@/components/icons/SearchD'
-import SettingD from '@/components/icons/SettingD'
-import { Button, ButtonGroup, TextField } from '@mui/material'
-import React from 'react'
-
-function SearchBar() {
-    return (
-        <ButtonGroup
-            variant="contained"
-            className="!bg-[#FFF] !w-2/3 !mt-[15px] !rounded-lg !overflow-hidden flex items-center !h-[64px] !shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)]"
-        >
-            <TextField
-                variant="standard"
-                InputProps={{
-                    disableUnderline: true
-                }}
-                sx={{
-                    '& .MuiInputBase-root': {
-                        height: '100%'
-                    },
-                    '& .MuiInput-root': {
-                        borderBottom: 'none',
-                    },
-                    '& .MuiInputBase-input': {
-                        color: '#7E7E7E'
-                    }
-                }}
-                placeholder="جستجوی تخصص"
-                dir='rtl'
-                className={`!shadow-none !w-full !px-5 !h-full bg-[#FAFAFA] !text-[14px] md:!text-[16px] !min-w-[50%] !rounded-0 !font-normal !text-[#6C757D]`}
-            />
-            <Button
-                className="!rounded-[4px] !ml-1 !w-[56px] !h-[56px] !gap-2.5 !p-4"
-            >
-                <SearchD />
-            </Button>
-        </ButtonGroup>
-    )
-}
-
-export default SearchBar

components/specialties/head/index.js

@@ -1,4 +1,4 @@
-import SearchBar from "./SearchBar"
+import SmSearch from "@/components/searchHead/SmSearch";
 
 function Head() {
     return (
@@ -6,7 +6,7 @@ function Head() {
             <div className="padding-responsive pt-[195px] pb-[85px] flex flex-col items-center gap-[25px]">
                 <p className="text-[#3B3B3B] text-[24px] text-center font-bold">تخصص مورد نظر شما چیست؟</p>
                 <p className="text-[#3B3B3B] text-[16px] text-center font-normal">تخصص مورد نظرتان را جستجو کرده و یا از لیست زیر انتخاب نمایید:</p>
-                <SearchBar />
+                <SmSearch placeholder='جستجوی تخصص' />
             </div>
         </div>
     )