fixes
This commit is contained in:
parent
4675311fce
commit
5b304c8952
|
|
@ -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" }}
|
||||
|
|
|
|||
|
|
@ -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,17 +31,26 @@ const Page = () => {
|
|||
name='delete_all'/>
|
||||
</div>
|
||||
<Divider/>
|
||||
<div className="notification_body">
|
||||
{pop?.map((not:notifications)=>(
|
||||
<Card
|
||||
id={not?.id}
|
||||
name={not?.name}
|
||||
date={not?.date}
|
||||
pop={pop}
|
||||
setPop={setPop}
|
||||
image={not?.image}/>
|
||||
))}
|
||||
</div>
|
||||
{
|
||||
isEmpty === false
|
||||
?
|
||||
<div className="notification_body">
|
||||
{pop?.map((not:notifications)=>(
|
||||
<Card
|
||||
id={not?.id}
|
||||
name={not?.name}
|
||||
date={not?.date}
|
||||
pop={pop}
|
||||
setPop={setPop}
|
||||
image={not?.image}/>
|
||||
))}
|
||||
</div>
|
||||
:
|
||||
<div className='notification_body_empty'>
|
||||
{t("practical.does_not_exist_notification")}
|
||||
</div>
|
||||
|
||||
}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,3 @@
|
|||
import React from 'react'
|
||||
import DataTable from '../../../../Layout/Dashboard/Table/DataTable'
|
||||
import { useColumns } from './useTableColumns'
|
||||
import { useFormikContext } from 'formik'
|
||||
|
|
@ -15,14 +14,14 @@ const FormTable = ({response,...props}:IFormTable) => {
|
|||
<div>
|
||||
|
||||
<DataTable
|
||||
response={response}
|
||||
useColumns={useColumns}
|
||||
dataSource={values}
|
||||
pagination={false}
|
||||
loading={false}
|
||||
rowKey={"name"}
|
||||
{...props}
|
||||
/>
|
||||
response={response}
|
||||
useColumns={useColumns}
|
||||
dataSource={values}
|
||||
pagination={false}
|
||||
loading={false}
|
||||
rowKey={"name"}
|
||||
{...props}
|
||||
/>
|
||||
|
||||
</div>
|
||||
)
|
||||
|
|
|
|||
|
|
@ -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 = () => {
|
||||
|
|
|
|||
|
|
@ -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)}
|
||||
|
|
|
|||
|
|
@ -21,6 +21,10 @@
|
|||
}
|
||||
}
|
||||
|
||||
.notification_body_empty{
|
||||
@include Flex;
|
||||
}
|
||||
|
||||
.notification_body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
|
|
|
|||
|
|
@ -325,7 +325,8 @@
|
|||
"Hide":"اخفاء",
|
||||
"sale":"بيع",
|
||||
"financial_collection":"التحصيلات",
|
||||
"show_collection":"حصيلة"
|
||||
"show_collection":"حصيلة",
|
||||
"does_not_exist_notification":"عذرا لا يوجد إشعارات..."
|
||||
},
|
||||
"Table": {
|
||||
"header": "",
|
||||
|
|
|
|||
|
|
@ -2,5 +2,7 @@ export type notifications = {
|
|||
id:number,
|
||||
name:string,
|
||||
date:string,
|
||||
image:string
|
||||
image:string,
|
||||
setPop?:any,
|
||||
pop?:any,
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user