Luis/nextjs-python-web-template
Template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add static code analysis

Browse Source
This commit is contained in:
Johannes Kirschbauer
2023-08-19 10:11:14 +02:00
parent 4074091ca4
commit 33f85380ae
11 changed files with 77 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
pkgs/ui/src/app/page.tsx
View File

@@ -12,9 +12,11 @@ interface DashboardCardProps {
sx?: string;
}
const DashboardCard = (props: DashboardCardProps) => {
const { children, rowSpan = 1, sx = "" } = props;
const { children, rowSpan, sx = "" } = props;
return (
<div className={tw`col-span-full row-span-${rowSpan} xl:col-span-1 ${sx}`}>
<div
className={tw`col-span-full row-span-${rowSpan || 1} xl:col-span-1 ${sx}`}
>
{children}
</div>
);
@@ -30,28 +32,10 @@ const DashboardPanel = (props: DashboardPanelProps) => {
);
};
interface SplitDashboardCardProps {
children?: React.ReactNode[];
}
const SplitDashboardCard = (props: SplitDashboardCardProps) => {
const { children } = props;
return (
<div className="col-span-full row-span-1 lg:col-span-1">
<div className="grid h-full grid-cols-1 gap-4">
{children?.map((row, idx) => (
<div key={idx} className="col-span-full row-span-1 ">
{row}
</div>
))}
</div>
</div>
);
};
export default function Dashboard() {
return (
<div className="flex h-screen w-full">
<div className="grid w-full auto-cols-min grid-flow-row auto-rows-min grid-cols-1 grid-rows-none gap-4 xl:grid-cols-2 2xl:grid-cols-3 ">
<div className="grid w-full auto-rows-max grid-cols-1 grid-rows-none gap-4 xl:grid-cols-2 2xl:grid-cols-3 ">
<DashboardCard rowSpan={2}>
<NetworkOverview />
</DashboardCard>