This commit is contained in:
Moaz Dawalibi 2024-10-23 16:41:08 +03:00
parent 4675311fce
commit 5b304c8952
10 changed files with 57 additions and 37 deletions

View File

@ -34,10 +34,9 @@ const SideBar = ({
return (
<div className={isOpen ? "side_bar" : "side_bar side_bar_closed"}>
<div className="side_bar_header">
<img src={isOpen ? "/App/Logo.svg" : "/App/Logo.svg"} alt="" />
<img src={"/App/Logo.svg"} alt="" />
<HiMenuAlt3 onClick={toggleSidebar} />
</div>
{/* <Divider /> */}
<HiMenuAlt2
className="side_bar_close_menu"
style={isOpen ? { display: "none" } : { display: "inline" }}

View File

@ -4,16 +4,24 @@ import { NotificationArray } from './NotificationArray';
import { notifications } from '../../../types/Notifications';
import Card from './Card';
import TrashButton from '../../../Components/Ui/TrashButton';
import { useState } from 'react';
import { useEffect, useState } from 'react';
const Page = () => {
const {t} = useTranslation();
const [pop, setPop] = useState(NotificationArray)
const [pop, setPop] = useState(NotificationArray);
const [isEmpty, setIsEmpty] = useState(pop.length < 1 ? true : false);
const handleDeleteAll = () => {
setPop([])
}
useEffect(()=>{
if(pop.length < 1){
setIsEmpty(true);
}else{
setIsEmpty(false);
}
},[pop])
return (
<div className='notification_container'>
<div className='notification_header'>
@ -23,6 +31,9 @@ const Page = () => {
name='delete_all'/>
</div>
<Divider/>
{
isEmpty === false
?
<div className="notification_body">
{pop?.map((not:notifications)=>(
<Card
@ -34,6 +45,12 @@ const Page = () => {
image={not?.image}/>
))}
</div>
:
<div className='notification_body_empty'>
{t("practical.does_not_exist_notification")}
</div>
}
</div>
)
}

View File

@ -1,4 +1,3 @@
import React from 'react'
import DataTable from '../../../../Layout/Dashboard/Table/DataTable'
import { useColumns } from './useTableColumns'
import { useFormikContext } from 'formik'

View File

@ -3,10 +3,9 @@ import type { TabsProps } from 'antd';
import { Tabs } from 'antd';
import { useTranslation } from 'react-i18next';
import { useWindowResize } from '../../../../Hooks/useWindowResize';
const FileSetting = lazy(() => import("./FileSetting"));
const SecuritySetting = lazy(() => import("./SecuritySetting"));
const Notification = lazy(() => import("./Notification"));
import FileSetting from './FileSetting';
import SecuritySetting from './SecuritySetting';
import Notification from './Notification';
type TabPosition = 'left' | 'right' | 'top' | 'bottom';
const SettingTabs: React.FC = () => {

View File

@ -19,7 +19,7 @@ export const useColumns = () => {
const navigate = useNavigate();
const handelShow = (record: Student) => {
navigate(`${record?.user_id}`);
// navigate(`${record?.user_id}`);
};
const handelDelete = (data: Student) => {
@ -56,7 +56,6 @@ export const useColumns = () => {
align: "center",
render: (_text, record) => record?.last_name,
ellipsis:true,
},
{
title: `${t("columns.sex")}`,
@ -76,7 +75,7 @@ export const useColumns = () => {
<ActionButtons
canDelete={canDeleteStudent}
canEdit={canEditStudent}
canShow={canShowStudent}
// canShow={canShowStudent}
index={index}
onDelete={() => handelDelete(record)}
onEdit={() => handleEdit(record)}

View File

@ -21,6 +21,10 @@
}
}
.notification_body_empty{
@include Flex;
}
.notification_body {
display: flex;
flex-direction: column;

View File

@ -15,7 +15,7 @@ const KEY = "reseller";
export const useGetAllReseller = (params?: any, options?: any) =>
useGetQuery(KEY, API.GET, params, options);
export const useAddReseller = () => useAddMutation(KEY, API.ADD);
export const useUpdateReseller = (params?: any) =>
export const useUpdateReseller = () =>
useUpdateMutation(KEY, API.GET);
export const useDeleteReseller = (params?: any) =>
export const useDeleteReseller = () =>
useDeleteMutation(KEY, API.DELETE);

View File

@ -325,7 +325,8 @@
"Hide":"اخفاء",
"sale":"بيع",
"financial_collection":"التحصيلات",
"show_collection":"حصيلة"
"show_collection":"حصيلة",
"does_not_exist_notification":"عذرا لا يوجد إشعارات..."
},
"Table": {
"header": "",

View File

@ -2,5 +2,7 @@ export type notifications = {
id:number,
name:string,
date:string,
image:string
image:string,
setPop?:any,
pop?:any,
}