AmirReza Jamali
2d664795ad
This commit introduces a new "Calls" section to the main sidebar navigation to provide users with access to call logs. - Adds a new collapsible "Calls" menu item to the sidebar configuration. - Includes sub-links for "All Calls", "Incoming", "Outgoing", and "Missed" calls. - Creates new custom icons (GlobeSearch, CallIncome, CallMade, CallMissed, CallReceived) to support the new menu items. - Updates `apexcharts` and `react-apexcharts` dependencies to newer versions.
38 lines
1019 B
TypeScript
38 lines
1019 B
TypeScript
"use client";
|
|
import {
|
|
Table,
|
|
TableBody,
|
|
TableHead,
|
|
TableHeader,
|
|
TableRow,
|
|
} from "@/components/ui/table";
|
|
import TableSkeleton from "@/components/ui/TableSkeleton";
|
|
import { useContactUsListPresenter } from "./useContactUsListPresenter";
|
|
|
|
const ContactUsTable = () => {
|
|
const { columns, pathname, router, isPending } = useContactUsListPresenter();
|
|
return (
|
|
<div className="flex flex-col rounded-[10px] bg-white px-7.5 pb-4 pt-7.5 shadow-1 dark:bg-gray-dark dark:shadow-card">
|
|
<Table>
|
|
<TableHeader>
|
|
<TableRow>
|
|
{columns.map((columns) => (
|
|
<TableHead
|
|
colSpan={100}
|
|
className="text-start uppercase"
|
|
key={columns}
|
|
>
|
|
{columns}
|
|
</TableHead>
|
|
))}
|
|
</TableRow>
|
|
</TableHeader>
|
|
{isPending && <TableSkeleton column={columns.length} />}
|
|
<TableBody></TableBody>
|
|
</Table>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default ContactUsTable;
|