danak/danak-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

contact

Browse Source
This commit is contained in:
hamid zarghami
2025-12-29 14:32:07 +03:30
parent 782ceae3e5
commit fe07425d7e
7 changed files with 327 additions and 151 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/langs/fa.json
+10
View File
@@ -859,5 +859,15 @@
"group": "گروه",
"select_group": "انتخاب گروه"
},
"report": {
"list_report": "لیست گزارشات",
"subject": "موضوع",
"content": "محتوا",
"phone": "شماره تماس",
"scope": "حوزه",
"status": "وضعیت",
"date": "تاریخ",
"detail": "جزییات"
},
"cancel": "لغو"
}
src/pages/dmenu/hooks/useIconData.ts
+8 -1
View File
@@ -1,6 +1,6 @@
import { useMutation, useQuery } from "@tanstack/react-query";
import * as api from "../service/IconService";
import { GroupIconsResponse } from "../types/Types";
import { GroupIconsResponse, ReportsResponse } from "../types/Types";
export const useGetIcons = () => {
return useQuery({
@@ -39,3 +39,10 @@ export const useDeleteIcon = () => {
mutationFn: (id: string) => api.deleteIcon(id),
});
};
export const useGetReports = () => {
return useQuery<ReportsResponse>({
queryKey: ["reports"],
queryFn: api.getReports,
});
};
src/pages/dmenu/report/List.tsx
+144
View File
@@ -0,0 +1,144 @@
import { FC, useState } from 'react'
import { useTranslation } from 'react-i18next'
import { useGetReports } from '../hooks/useIconData'
import PageLoading from '../../../components/PageLoading'
import Td from '../../../components/Td'
import { ReportItem } from '../types/Types'
import moment from 'moment-jalaali'
import { Eye } from 'iconsax-react'
import DefaulModal from '../../../components/DefaulModal'
const WarningsList: FC = () => {
const { t } = useTranslation('global')
const { data: reports, isLoading } = useGetReports()
const [selectedReport, setSelectedReport] = useState<ReportItem | null>(null)
const [isModalOpen, setIsModalOpen] = useState<boolean>(false)
const reportsList = (reports as { data?: ReportItem[] })?.data || []
const handleViewReport = (report: ReportItem) => {
setSelectedReport(report)
setIsModalOpen(true)
}
const closeModal = () => {
setIsModalOpen(false)
setSelectedReport(null)
}
return (
<div className='mt-4'>
<div className='flex w-full justify-between items-center'>
<div>
{t('report.list_report')}
</div>
</div>
{
isLoading ?
<PageLoading />
:
<div className='relative overflow-x-auto rounded-3xl mt-9 w-full'>
<table className='w-full text-sm '>
<thead className='thead'>
<tr>
<Td text={t('report.subject')} />
<Td text={t('report.content')} />
<Td text={t('report.phone')} />
<Td text={t('report.scope')} />
<Td text={t('report.status')} />
<Td text={t('report.date')} />
<Td text={t('report.detail')} />
<Td text={''} />
</tr>
</thead>
<tbody>
{
reportsList.map((item: ReportItem) => {
return (
<tr key={item.id} className='tr'>
<Td text={item.subject} />
<Td text={item.content?.substring(0, 50) + (item.content?.length > 50 ? '...' : '')} />
<Td text={item.phone || '-'} />
<Td text={item.scope} />
<Td text={item.status} />
<Td text={''}>
<div className='dltr text-right'>
{moment(item.createdAt).format('jYYYY-jMM-jDD HH:mm')}
</div>
</Td>
<Td text={''}>
<div className='flex items-center gap-2'>
<Eye
size={20}
color='#8C90A3'
className='cursor-pointer'
onClick={() => handleViewReport(item)}
/>
</div>
</Td>
<Td text={''} />
</tr>
)
})
}
</tbody>
</table>
{reportsList.length === 0 && (
<div className="text-center py-12">
<div className="text-gray-500 text-lg">هیچ گزارشی یافت نشد</div>
</div>
)}
</div>
}
{/* مودال نمایش متن کامل گزارش */}
<DefaulModal
open={isModalOpen}
close={closeModal}
isHeader={true}
title_header={t('report.detail')}
width={600}
>
{selectedReport && (
<div className="space-y-6 mt-6">
<div>
<div className="text-sm font-medium text-gray-600 mb-2">{t('report.subject')}</div>
<div className="text-base text-gray-900">{selectedReport.subject}</div>
</div>
<div>
<div className="text-sm font-medium text-gray-600 mb-2">{t('report.content')}</div>
<div className="text-base text-gray-900 whitespace-pre-wrap">{selectedReport.content}</div>
</div>
<div className="grid grid-cols-2 gap-4">
{selectedReport.phone && (
<div>
<div className="text-sm font-medium text-gray-600 mb-2">{t('report.phone')}</div>
<div className="text-base text-gray-900">{selectedReport.phone}</div>
</div>
)}
<div>
<div className="text-sm font-medium text-gray-600 mb-2">{t('report.scope')}</div>
<div className="text-base text-gray-900">{selectedReport.scope}</div>
</div>
<div>
<div className="text-sm font-medium text-gray-600 mb-2">{t('report.status')}</div>
<div className="text-base text-gray-900">{selectedReport.status}</div>
</div>
<div>
<div className="text-sm font-medium text-gray-600 mb-2">{t('report.date')}</div>
<div className="text-base text-gray-900 dltr text-right">
{moment(selectedReport.createdAt).format('jYYYY-jMM-jDD HH:mm')}
</div>
</div>
</div>
</div>
)}
</DefaulModal>
</div>
)
}
export default WarningsList
src/pages/dmenu/service/IconService.ts
+7 -1
View File
@@ -4,7 +4,8 @@ import {
CreateIconType,
GroupIconsResponse,
IconsResponse,
} from "../icon/types/Types";
ReportsResponse,
} from "../types/Types";
export const getIcons = async (): Promise<IconsResponse> => {
const { data } = await axios.get("/admin/dmenu/icons");
@@ -35,3 +36,8 @@ export const deleteIcon = async (id: string) => {
const { data } = await axios.delete(`/admin/dmenu/icons/${id}`);
return data;
};
export const getReports = async (): Promise<ReportsResponse> => {
const { data } = await axios.get("/admin/dmenu/contacts");
return data;
};
src/pages/dmenu/icon/types/Types.ts → src/pages/dmenu/types/Types.ts
+16
View File
@@ -42,3 +42,19 @@ export type IconType = {
export interface IconsResponse extends IResponse<IconType[]> {
statusCode: number;
}
export type ReportItem = {
id: string;
createdAt: string;
updatedAt: string;
deletedAt: string | null;
subject: string;
content: string;
phone: string | null;
scope: string;
status: string;
};
export interface ReportsResponse extends IResponse<ReportItem[]> {
statusCode: number;
}
src/router/Main.tsx
+2 -1
View File
@@ -79,6 +79,7 @@ import ErrorLogs from '../pages/accessLogs/ErrorLogs'
import PermissionLogs from '../pages/accessLogs/PermissionLogs'
import IconsList from '../pages/dmenu/icon/List'
import GroupIconList from '../pages/dmenu/icon/GroupList'
import WarningsList from '../pages/dmenu/report/List.tsx'
// import WarningsList from '../pages/dmenu/reports/List' // TODO: Create this component
const MainRouter: FC = () => {
@@ -171,7 +172,7 @@ const MainRouter: FC = () => {
<Route path={Pages.dmenu.icons.list} element={<IconsList />} />
<Route path={Pages.dmenu.icons.groupList} element={<GroupIconList />} />
{/* <Route path={Pages.dmenu.warnings.list} element={<WarningsList />} /> */}
<Route path={Pages.dmenu.warnings.list} element={<WarningsList />} />
</Routes>
</div>
</div>