TobaOjo/Mav-Mobile-UI
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added working System config, NOT working WiFi & modem and Session pages as placeholders. Also added NPED images.

Browse Source
This commit is contained in:
Bradley Relyea
2025-09-08 15:21:17 +01:00
parent 4fd3bd4319
commit 0c405d2038
26 changed files with 5195 additions and 659 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/UI/CardHeader.tsx
View File

@@ -1,24 +1,29 @@
import type { IconProp } from "@fortawesome/fontawesome-svg-core";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import clsx from "clsx";
type CameraOverviewHeaderProps = {
title: string;
icon?: IconProp;
img?: string;
};
const CardHeader = ({ title, icon }: CameraOverviewHeaderProps) => {
const CardHeader = ({ title, icon, img }: CameraOverviewHeaderProps) => {
return (
<div
className={clsx(
"w-full border-b border-gray-600 flex flex-row items-center space-x-2 md:mb-6"
"w-full border-b border-gray-600 flex flex-row items-center md:mb-6"
)}
>
{icon && <FontAwesomeIcon icon={icon} className="size-4" />}
<h2 className="text-xl">{title}</h2>
<div className="flex items-center space-x-2">
{icon && <FontAwesomeIcon icon={icon} className="size-4" />}
<h2 className="text-xl">{title}</h2>
</div>
{img && <img src={img} alt="Logo" width={100} height={50} className="ml-auto" />}
</div>
);
};
export default CardHeader;