feat: replace SVG logo with image logo and update AppLogoIcon usage

This commit is contained in:
Yoga Pangestu 2026-07-29 00:05:56 +07:00
parent d053fc428c
commit c445f3cacc
2 changed files with 7 additions and 13 deletions

View File

@ -1,13 +1,7 @@
import type { SVGAttributes } from 'react'; import type { ImgHTMLAttributes } from 'react';
export default function AppLogoIcon(props: SVGAttributes<SVGElement>) { import logo from '../../../public/assets/logo.png';
return (
<svg {...props} viewBox="0 0 40 42" xmlns="http://www.w3.org/2000/svg"> export default function AppLogoIcon(props: ImgHTMLAttributes<HTMLImageElement>) {
<path return <img src={logo} alt="Logo" {...props} />;
fillRule="evenodd"
clipRule="evenodd"
d="M17.2 5.63325L8.6 0.855469L0 5.63325V32.1434L16.2 41.1434L32.4 32.1434V23.699L40 19.4767V9.85547L31.4 5.07769L22.8 9.85547V18.2999L17.2 21.411V5.63325ZM38 18.2999L32.4 21.411V15.2545L38 12.1434V18.2999ZM36.9409 10.4439L31.4 13.5221L25.8591 10.4439L31.4 7.36561L36.9409 10.4439ZM24.8 18.2999V12.1434L30.4 15.2545V21.411L24.8 18.2999ZM23.8 20.0323L29.3409 23.1105L16.2 30.411L10.6591 27.3328L23.8 20.0323ZM7.6 27.9212L15.2 32.1434V38.2999L2 30.9666V7.92116L7.6 11.0323V27.9212ZM8.6 9.29991L3.05913 6.22165L8.6 3.14339L14.1409 6.22165L8.6 9.29991ZM30.4 24.8101L17.2 32.1434V38.2999L30.4 30.9666V24.8101ZM9.6 11.0323L15.2 7.92117V22.5221L9.6 25.6333V11.0323Z"
/>
</svg>
);
} }

View File

@ -7,8 +7,8 @@ export default function AppLogo() {
return ( return (
<> <>
<div className="flex aspect-square size-8 items-center justify-center rounded-md bg-sidebar-primary text-sidebar-primary-foreground"> <div className="flex aspect-square size-8 items-center justify-center">
<AppLogoIcon className="size-5 fill-current text-white dark:text-black" /> <AppLogoIcon className="size-8 object-contain" />
</div> </div>
<div className="ml-1 grid flex-1 text-left text-sm"> <div className="ml-1 grid flex-1 text-left text-sm">
<span className="mb-0.5 truncate leading-tight font-semibold"> <span className="mb-0.5 truncate leading-tight font-semibold">