chore(maintenance): Adds logo to maintenance card.

mango-habanero · Jun 10, 2024 · 90e4d4b · 90e4d4b
1 parent f719967
commit 90e4d4b
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/app/ui/titles.tsx b/app/ui/titles.tsx
@@ -1,10 +1,16 @@
 import { Label } from '@/app/ui/typography';
+import Image from 'next/image';
+import mhLogo from '@/public/images/mh-logo.svg';
 
-export function TitleWithLogo({ label, title }: { label: string; title: string }) {
+export function TitleWithLogo({ label, title }: Readonly<{ label: string; title: string }>) {
     return (
         <div className="mb-4 flex flex-row items-center gap-3">
             <div className="flex flex-col items-start">
-                <div className="h-12 w-12 flex-shrink-0 bg-zima-blue"></div>
+                <Image
+                    src={mhLogo}
+                    alt="The mango habanero logo."
+                    className="h-12 w-12 flex-shrink-0"
+                ></Image>
             </div>
             <div className="flex flex-col items-start">
                 <Label label={label} />