Template
Revert "Add Handlebars templates for theming the storefront"
This reverts commit3442f19816. Removes the three .hbr siblings, returning the tree toebdb0be. The compiled files themselves were never generated from the templates, so app/globals.css, app/layout.tsx and components/logo.tsx are unaffected. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_013amafJZMQmXgeFEotYWfaw
This commit is contained in:
co-authored by
Claude Opus 5
parent
3442f19816
commit
8602e03079
@@ -1,58 +0,0 @@
|
||||
import React from 'react';
|
||||
import Link from 'next/link';
|
||||
|
||||
/** Baked in at compile time from the store's theme config. */
|
||||
const STORE_LOGO_URL = {{json logoUrl}};
|
||||
const STORE_NAME = {{json shopName}};
|
||||
|
||||
interface LogoProps {
|
||||
/** Logo image URL. Falls back to the store name as a wordmark when absent. */
|
||||
src?: string | null;
|
||||
/** Wordmark text, and the image's alt text. */
|
||||
storeName?: string;
|
||||
/** Where the logo links to. Pass null to render it unwrapped. */
|
||||
href?: string | null;
|
||||
/** Sizing for the image — height only, so the aspect ratio is preserved. */
|
||||
imageClassName?: string;
|
||||
/** Sizing and weight for the wordmark fallback. */
|
||||
textClassName?: string;
|
||||
}
|
||||
|
||||
const Logo: React.FC<LogoProps> = ({
|
||||
src,
|
||||
storeName,
|
||||
href = '/',
|
||||
imageClassName = 'h-6',
|
||||
textClassName = 'text-xl',
|
||||
}) => {
|
||||
// Callers pass `logoUrl=""` when they have nothing to supply, so fall back on
|
||||
// any falsy value rather than only on `undefined`.
|
||||
const logoSrc = src || STORE_LOGO_URL;
|
||||
const name = storeName || STORE_NAME;
|
||||
|
||||
const mark = logoSrc ? (
|
||||
<img
|
||||
src={logoSrc}
|
||||
alt={name}
|
||||
className={`w-auto object-contain ${imageClassName}`}
|
||||
/>
|
||||
) : (
|
||||
<span
|
||||
className={`font-heading font-medium tracking-tight text-foreground ${textClassName}`}
|
||||
>
|
||||
{name}
|
||||
</span>
|
||||
);
|
||||
|
||||
if (href === null) {
|
||||
return <span className="flex items-center">{mark}</span>;
|
||||
}
|
||||
|
||||
return (
|
||||
<Link href={href} className="flex items-center">
|
||||
{mark}
|
||||
</Link>
|
||||
);
|
||||
};
|
||||
|
||||
export default Logo;
|
||||
Reference in New Issue
Block a user