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 ( return (
<div className={isOpen ? "side_bar" : "side_bar side_bar_closed"}> <div className={isOpen ? "side_bar" : "side_bar side_bar_closed"}>
<div className="side_bar_header"> <div className="side_bar_header">
<img src={isOpen ? "/App/Logo.svg" : "/App/Logo.svg"} alt="" /> <img src={"/App/Logo.svg"} alt="" />
<HiMenuAlt3 onClick={toggleSidebar} /> <HiMenuAlt3 onClick={toggleSidebar} />
</div> </div>
{/* <Divider /> */}
<HiMenuAlt2 <HiMenuAlt2
className="side_bar_close_menu" className="side_bar_close_menu"
style={isOpen ? { display: "none" } : { display: "inline" }} style={isOpen ? { display: "none" } : { display: "inline" }}

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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