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