diff --git a/src/Layout/Dashboard/AddButton/Add_Button.scss b/src/Layout/Dashboard/AddButton/Add_Button.scss index acde525..fc7a862 100644 --- a/src/Layout/Dashboard/AddButton/Add_Button.scss +++ b/src/Layout/Dashboard/AddButton/Add_Button.scss @@ -35,4 +35,43 @@ font-size: 3vw !important; } } -} \ No newline at end of file +} + + .Add_Button_notification{ + button { + border: 2px solid var(--primary); + background-color: var(--primary); + border-radius: 0.5vw; + height: 40px; + width: 180px; + font-size: 1vw ; + display: flex; justify-content: center; align-items: center; + box-shadow: 2px 2px 7px 0 var(--primary); + } + button span { + display: flex; + align-items: center; + color: var(--bg); + font-weight: normal; + font-size: 14px; + } + + button:hover { + background-color:var(--primary); + } + } + + @media screen and (max-width: 700px) { + .Add_Button_notification{ + button{ + font-size: 2vw !important; + } + } + } + @media screen and (max-width: 470px) { + .Add_Button_notification{ + button{ + font-size: 3vw !important; + } + } + } diff --git a/src/Pages/Users/Page.tsx b/src/Pages/Users/Page.tsx index c4a8804..e0309c9 100644 --- a/src/Pages/Users/Page.tsx +++ b/src/Pages/Users/Page.tsx @@ -8,6 +8,9 @@ import { QueryStatusEnum } from '../../config/QueryStatus' import { useGetUsers } from '../../api/users' import SearchField from '../../Layout/Dashboard/SearchField' +import { useNavigate } from 'react-router-dom' +import AddButton from '../../Layout/Dashboard/AddButton/AddButton' +import { useTranslation } from 'react-i18next' function Page() { @@ -15,7 +18,9 @@ function Page() { const {data ,status } = useGetUsers() const totalRows = data?.meta?.total; - + const navigate = useNavigate() + const [t] = useTranslation() + return ( // Pass Status to Layout @@ -24,7 +29,23 @@ function Page() {
- {/* navigate('/users/add')}> */} +
navigate('/notification/add')} > + +
+
, - icon: , - href: "/notification", - }, + , + // { + // name: "notification", + // element: , + // icon: , + // href: "/notification", + // }, { href: "/notification/add", element: , diff --git a/src/translate/text b/src/translate/text index 01f7005..ea7af03 100644 --- a/src/translate/text +++ b/src/translate/text @@ -1 +1,2 @@ -sorry_only_user_can_change_his_status \ No newline at end of file +sorry_only_user_can_change_his_status +create_notification \ No newline at end of file