sr2/link-stack
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Hide some columns in ticket list (on mobile)

Browse source
This commit is contained in:
N-Pex 2024-09-12 15:56:57 +02:00
parent 6440c402cf
commit 8c7e19bae8
1 changed files with 10 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

14
apps/link/app/(main)/overview/[overview]/_components/TicketList.tsx
View file

@ -1,7 +1,7 @@
"use client"; "use client";
import { FC, useState } from "react"; import { FC, useState } from "react";
import { Grid, Box } from "@mui/material"; import { Grid, Box, useTheme, useMediaQuery } from "@mui/material";
import { GridColDef } from "@mui/x-data-grid-pro"; import { GridColDef } from "@mui/x-data-grid-pro";
import { StyledDataGrid } from "app/(main)/_components/StyledDataGrid"; import { StyledDataGrid } from "app/(main)/_components/StyledDataGrid";
import { Button, List, typography } from "@link-stack/ui"; import { Button, List, typography } from "@link-stack/ui";
@ -16,6 +16,10 @@ interface TicketListProps {
export const TicketList: FC<TicketListProps> = ({ title, tickets }) => { export const TicketList: FC<TicketListProps> = ({ title, tickets }) => {
const [dialogOpen, setDialogOpen] = useState(false); const [dialogOpen, setDialogOpen] = useState(false);
const router = useRouter(); const router = useRouter();
const theme = useTheme();
const mobile = useMediaQuery(theme.breakpoints.down("sm"));
let gridColumns: GridColDef[] = [ let gridColumns: GridColDef[] = [
{ {
field: "number", field: "number",
@ -32,7 +36,9 @@ export const TicketList: FC<TicketListProps> = ({ title, tickets }) => {
headerName: "Sender", headerName: "Sender",
valueGetter: (value: any) => value?.fullname, valueGetter: (value: any) => value?.fullname,
flex: 1, flex: 1,
}, }];
if (!mobile) {
gridColumns.push(
{ {
field: "createdAt", field: "createdAt",
headerName: "Created At", headerName: "Created At",
@ -50,8 +56,8 @@ export const TicketList: FC<TicketListProps> = ({ title, tickets }) => {
headerName: "Group", headerName: "Group",
valueGetter: (value: any) => value?.name, valueGetter: (value: any) => value?.name,
flex: 1, flex: 1,
}, });
]; }
const onRowClick = (id: any) => { const onRowClick = (id: any) => {
router.push(`/tickets/${id}`); router.push(`/tickets/${id}`);