Skip to content

Commit

Permalink
fix
Browse files Browse the repository at this point in the history
  • Loading branch information
nlkluth committed Nov 17, 2023
1 parent 8023537 commit 4b276bd
Show file tree
Hide file tree
Showing 2 changed files with 50 additions and 9 deletions.
19 changes: 11 additions & 8 deletions packages/shared-ui/components/Header/Logo.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,13 +2,16 @@ type LogoProps = { className?: string };

export const Logo = ({ className }: LogoProps) => {
return (
<svg viewBox="0 0 278 95" fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M128.027 49.896a.5.5 0 0 0 .5.5h8.788a.5.5 0 0 0 .5-.5V11.12a.5.5 0 0 0-.5-.5h-8.788a.5.5 0 0 0-.5.5v38.777Zm0-42.297a.5.5 0 0 0 .5.5h8.788a.5.5 0 0 0 .5-.5V.5a.5.5 0 0 0-.5-.5h-8.788a.5.5 0 0 0-.5.5v7.1ZM37.745 51.596c-6.73 0-13.03-3.6-13.03-13.319V22.798c0-9.419 6.3-13.379 13.03-13.379 6.73 0 13.03 3.96 13.03 13.32v15.478c0 9.6-6.3 13.38-13.03 13.38Zm0-9.779c1.774 0 3.242-1.08 3.242-3.72V23.038c0-2.7-1.468-3.78-3.242-3.78s-3.242 1.08-3.242 3.78v15.06c0 2.64 1.468 3.719 3.242 3.719ZM.5 50.397a.5.5 0 0 1-.5-.5V11.118a.5.5 0 0 1 .5-.5h19.31a.5.5 0 0 1 .5.5v8.54a.5.5 0 0 1-.5.5h-9.522a.5.5 0 0 0-.5.5v4.16a.5.5 0 0 0 .5.5h9.094a.5.5 0 0 1 .5.5v7.939a.5.5 0 0 1-.5.5h-9.094a.5.5 0 0 0-.5.5v15.138a.5.5 0 0 1-.5.5H.5Zm64.886 0a.5.5 0 0 0 .5-.5v-13.94a.5.5 0 0 1 .5-.5h1.213c2.447 0 3.303 1.32 3.303 3.96v10.48a.5.5 0 0 0 .5.5h8.788a.5.5 0 0 0 .5-.5v-10.72c0-5.612-2.906-8.083-5.681-8.902a.18.18 0 0 1-.04-.328c2.544-1.458 5.293-4.381 5.293-8.828 0-5.16-2.936-10.5-12.357-10.5H56.598a.5.5 0 0 0-.5.5v38.777a.5.5 0 0 0 .5.5h8.788Zm.5-30.758a.5.5 0 0 1 .5-.5h1.09c2.203 0 3.243 1.2 3.243 3.6 0 2.4-.98 4.08-3.426 4.08h-.907a.5.5 0 0 1-.5-.5v-6.68Zm34.627 30.757a.5.5 0 0 1-.487-.388l-5.075-22.131a.204.204 0 0 0-.403.045v21.974a.5.5 0 0 1-.5.5H85.87a.5.5 0 0 1-.5-.5V11.12a.5.5 0 0 1 .5-.5h11.475a.5.5 0 0 1 .483.37L103.37 31.5a.24.24 0 0 0 .463.001l5.602-20.514a.5.5 0 0 1 .482-.368h11.476a.5.5 0 0 1 .5.5v38.777a.5.5 0 0 1-.5.5h-8.176a.5.5 0 0 1-.5-.5V27.922a.205.205 0 0 0-.404-.045l-5.074 22.131a.5.5 0 0 1-.487.388h-6.239Zm43.905 0a.5.5 0 0 1-.5-.5V11.12a.5.5 0 0 1 .5-.5h8.799c9.849 0 14.988 3.06 14.988 14.58v10.619c0 11.519-5.139 14.578-14.988 14.578h-8.799Zm10.634-9.659c2.264 0 3.304-.96 3.304-3.66V23.938c0-2.76-1.04-3.66-3.304-3.66h-.845a.5.5 0 0 0-.5.5v19.46a.5.5 0 0 0 .5.5h.845Zm15.115 9.043a.5.5 0 0 0 .487.616h8.679a.5.5 0 0 0 .491-.406l1.252-6.567a.5.5 0 0 1 .491-.406h6.82a.5.5 0 0 1 .491.406l1.252 6.567a.5.5 0 0 0 .491.406h8.989a.5.5 0 0 0 .487-.613l-9.065-38.778a.5.5 0 0 0-.487-.386h-10.588a.5.5 0 0 0-.486.384l-9.304 38.777Zm14.901-27.162c.106 0 .197.077.215.182l1.89 11.295a.5.5 0 0 1-.493.583h-3.281a.5.5 0 0 1-.493-.585l1.948-11.294a.217.217 0 0 1 .214-.18Zm43.249 16.44c0 6.539-3.854 11.338-12.174 11.338h-12.102a.5.5 0 0 1-.5-.5V11.12a.5.5 0 0 1 .5-.5h11.246c8.625 0 12.296 4.98 12.296 10.2 0 5.052-3.226 7.918-5.141 8.937a.225.225 0 0 0 .035.413c3.348 1.142 5.84 4.811 5.84 8.888Zm-9.788-1.02c0-2.28-1.162-3.78-3.548-3.78h-1.213a.5.5 0 0 0-.5.5v6.38a.5.5 0 0 0 .5.5h1.396c2.203 0 3.365-1.5 3.365-3.6Zm-4.761-18.54a.5.5 0 0 0-.5.5v5.9a.5.5 0 0 0 .5.5h.785c2.447 0 3.548-1.32 3.548-3.48 0-2.22-1.04-3.42-3.243-3.42h-1.09Zm19.166 30.398a.5.5 0 0 0 .5.5h18.699a.5.5 0 0 0 .5-.5v-8.599a.5.5 0 0 0-.5-.5H243.1a.5.5 0 0 1-.5-.5V11.12a.5.5 0 0 0-.5-.5h-8.666a.5.5 0 0 0-.5.5v38.777Zm24.158.5a.5.5 0 0 1-.5-.5V11.12a.5.5 0 0 1 .5-.5h19.494a.5.5 0 0 1 .5.5v8.54a.5.5 0 0 1-.5.5h-9.706a.5.5 0 0 0-.5.5v4.04a.5.5 0 0 0 .5.5h9.216a.5.5 0 0 1 .5.5v7.999a.5.5 0 0 1-.5.5h-9.216a.5.5 0 0 0-.5.5v5.6a.5.5 0 0 0 .5.5h9.95a.5.5 0 0 1 .5.5v8.598a.5.5 0 0 1-.5.5h-19.738ZM26.455 82.436C26.455 91.605 32.284 95 38.509 95c6.225 0 12.054-3.565 12.054-12.62v-14.6c0-8.829-5.83-12.564-12.054-12.564-6.225 0-12.054 3.735-12.054 12.62v14.6Zm15.053-.17c0 2.491-1.358 3.51-3 3.51-1.64 0-2.998-1.019-2.998-3.51V68.063c0-2.546 1.358-3.565 2.999-3.565s3 1.019 3 3.565v14.205Zm-29.85 11.602c7.696 0 11.262-4.527 11.262-10.696 0-3.844-2.304-7.305-5.4-8.383a.214.214 0 0 1-.034-.392c1.772-.96 4.755-3.664 4.755-8.428 0-4.924-3.396-9.621-11.375-9.621H.5a.5.5 0 0 0-.5.5v36.52a.5.5 0 0 0 .5.5h11.158Zm-1.075-15.223c2.207 0 3.282 1.415 3.282 3.565 0 1.981-1.075 3.396-3.113 3.396H9.498a.5.5 0 0 1-.5-.5v-5.96a.5.5 0 0 1 .5-.5h1.085ZM8.998 65.224a.5.5 0 0 1 .5-.5h.971c2.038 0 3 1.131 3 3.225 0 2.038-1.019 3.283-3.282 3.283h-.689a.5.5 0 0 1-.5-.5v-5.508ZM66.692 95c-6.395 0-11.772-3-11.772-12.96V56.849a.5.5 0 0 1 .5-.5h8.055a.5.5 0 0 1 .5.5v25.306c0 2.66 1.075 3.565 2.66 3.565 1.584 0 2.716-.905 2.716-3.565V56.848a.5.5 0 0 1 .5-.5h8.055a.5.5 0 0 1 .5.5v25.193C78.406 92 73.086 95 66.69 95Zm16.814-1.632a.5.5 0 0 0 .5.5h17.222a.5.5 0 0 0 .5-.5v-8.054a.5.5 0 0 0-.5-.5h-8.28a.5.5 0 0 1-.5-.5V56.848a.5.5 0 0 0-.5-.5h-7.942a.5.5 0 0 0-.5.5v36.52Zm19.913.5a.5.5 0 0 1-.487-.614l8.593-36.52a.5.5 0 0 1 .487-.386h9.732a.5.5 0 0 1 .487.388l8.373 36.52a.5.5 0 0 1-.488.612h-8.238a.5.5 0 0 1-.491-.408l-1.149-6.144a.5.5 0 0 0-.492-.409h-6.244a.5.5 0 0 0-.491.409l-1.149 6.144a.5.5 0 0 1-.491.408h-7.952Zm13.487-26.034a.2.2 0 0 0-.395 0l-1.797 10.624a.5.5 0 0 0 .493.583h2.951a.5.5 0 0 0 .493-.58l-1.745-10.627Zm32.617 25.706a.5.5 0 0 0 .469.328h8.319a.5.5 0 0 0 .5-.5v-36.52a.5.5 0 0 0-.5-.5h-7.376a.5.5 0 0 0-.5.5v16.785a.201.201 0 0 1-.389.073l-6.562-17.038a.499.499 0 0 0-.466-.32h-8.721a.5.5 0 0 0-.5.5v36.52a.5.5 0 0 0 .5.5h7.432a.5.5 0 0 0 .5-.5V74.714a.2.2 0 0 1 .388-.069l6.906 18.895Zm26.086-11.5a.5.5 0 0 1-.5-.5v-6.753a.5.5 0 0 1 .5-.5h11.337a.5.5 0 0 1 .5.5v6.688c0 11.092-6.905 13.525-11.715 13.525s-11.997-1.98-11.997-13.582V68.345c0-10.47 6.734-13.129 11.997-13.129 4.073 0 11.665 1.705 11.717 13.355a.5.5 0 0 1-.505.5l-7.602-.15a.516.516 0 0 1-.499-.51c-.069-3.417-1.43-4.14-2.998-4.14-1.471 0-3.056.849-3.056 3.622v14.43c0 2.717 1.415 3.736 3.113 3.736 1.584 0 2.943-.85 2.943-3.226v-.292a.5.5 0 0 0-.5-.5h-2.735Zm16.769 11.328a.5.5 0 0 0 .5.5h18.185a.5.5 0 0 0 .5-.5v-8.054a.5.5 0 0 0-.5-.5h-9.13a.5.5 0 0 1-.5-.5v-5.225a.5.5 0 0 1 .5-.5h8.451a.5.5 0 0 0 .5-.5v-7.49a.5.5 0 0 0-.5-.5h-8.451a.5.5 0 0 1-.5-.5v-3.753a.5.5 0 0 1 .5-.5h8.904a.5.5 0 0 0 .5-.5v-7.998a.5.5 0 0 0-.5-.5h-17.959a.5.5 0 0 0-.5.5v36.52Zm33.04 0a.5.5 0 0 1-.5.5h-8.055a.5.5 0 0 1-.5-.5v-36.52a.5.5 0 0 1 .5-.5h10.423c8.715 0 11.431 5.037 11.431 9.903 0 4.195-2.542 6.952-4.895 8.327a.17.17 0 0 0-.085.147c0 .076.05.142.123.164 2.567.774 5.253 3.105 5.253 8.397v10.082a.5.5 0 0 1-.5.5h-8.054a.5.5 0 0 1-.5-.5v-9.856c0-2.49-.793-3.735-3.056-3.735h-1.085a.5.5 0 0 0-.5.5v13.091Zm.5-28.984a.5.5 0 0 0-.5.5v6.244a.5.5 0 0 0 .5.5h.802c2.263 0 3.169-1.585 3.169-3.849 0-2.263-.962-3.395-3-3.395h-.971Zm17.525 28.984a.5.5 0 0 0 .5.5h8.055a.5.5 0 0 0 .5-.5v-36.52a.5.5 0 0 0-.5-.5h-8.055a.5.5 0 0 0-.5.5v36.52Zm15.201.5a.5.5 0 0 1-.5-.5v-36.52a.5.5 0 0 1 .5-.5h17.958a.5.5 0 0 1 .5.5v7.998a.5.5 0 0 1-.5.5h-8.903a.5.5 0 0 0-.5.5V69.6a.5.5 0 0 0 .5.5h8.45a.5.5 0 0 1 .5.5v7.489a.5.5 0 0 1-.5.5h-8.45a.5.5 0 0 0-.5.5v5.225a.5.5 0 0 0 .5.5h9.13a.5.5 0 0 1 .5.5v8.054a.5.5 0 0 1-.5.5h-18.185Z"
fill="currentColor"
/>
</svg>
<>
<p className="sr-only">Formidable Boulangerie</p>
<svg viewBox="0 0 278 95" fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M128.027 49.896a.5.5 0 0 0 .5.5h8.788a.5.5 0 0 0 .5-.5V11.12a.5.5 0 0 0-.5-.5h-8.788a.5.5 0 0 0-.5.5v38.777Zm0-42.297a.5.5 0 0 0 .5.5h8.788a.5.5 0 0 0 .5-.5V.5a.5.5 0 0 0-.5-.5h-8.788a.5.5 0 0 0-.5.5v7.1ZM37.745 51.596c-6.73 0-13.03-3.6-13.03-13.319V22.798c0-9.419 6.3-13.379 13.03-13.379 6.73 0 13.03 3.96 13.03 13.32v15.478c0 9.6-6.3 13.38-13.03 13.38Zm0-9.779c1.774 0 3.242-1.08 3.242-3.72V23.038c0-2.7-1.468-3.78-3.242-3.78s-3.242 1.08-3.242 3.78v15.06c0 2.64 1.468 3.719 3.242 3.719ZM.5 50.397a.5.5 0 0 1-.5-.5V11.118a.5.5 0 0 1 .5-.5h19.31a.5.5 0 0 1 .5.5v8.54a.5.5 0 0 1-.5.5h-9.522a.5.5 0 0 0-.5.5v4.16a.5.5 0 0 0 .5.5h9.094a.5.5 0 0 1 .5.5v7.939a.5.5 0 0 1-.5.5h-9.094a.5.5 0 0 0-.5.5v15.138a.5.5 0 0 1-.5.5H.5Zm64.886 0a.5.5 0 0 0 .5-.5v-13.94a.5.5 0 0 1 .5-.5h1.213c2.447 0 3.303 1.32 3.303 3.96v10.48a.5.5 0 0 0 .5.5h8.788a.5.5 0 0 0 .5-.5v-10.72c0-5.612-2.906-8.083-5.681-8.902a.18.18 0 0 1-.04-.328c2.544-1.458 5.293-4.381 5.293-8.828 0-5.16-2.936-10.5-12.357-10.5H56.598a.5.5 0 0 0-.5.5v38.777a.5.5 0 0 0 .5.5h8.788Zm.5-30.758a.5.5 0 0 1 .5-.5h1.09c2.203 0 3.243 1.2 3.243 3.6 0 2.4-.98 4.08-3.426 4.08h-.907a.5.5 0 0 1-.5-.5v-6.68Zm34.627 30.757a.5.5 0 0 1-.487-.388l-5.075-22.131a.204.204 0 0 0-.403.045v21.974a.5.5 0 0 1-.5.5H85.87a.5.5 0 0 1-.5-.5V11.12a.5.5 0 0 1 .5-.5h11.475a.5.5 0 0 1 .483.37L103.37 31.5a.24.24 0 0 0 .463.001l5.602-20.514a.5.5 0 0 1 .482-.368h11.476a.5.5 0 0 1 .5.5v38.777a.5.5 0 0 1-.5.5h-8.176a.5.5 0 0 1-.5-.5V27.922a.205.205 0 0 0-.404-.045l-5.074 22.131a.5.5 0 0 1-.487.388h-6.239Zm43.905 0a.5.5 0 0 1-.5-.5V11.12a.5.5 0 0 1 .5-.5h8.799c9.849 0 14.988 3.06 14.988 14.58v10.619c0 11.519-5.139 14.578-14.988 14.578h-8.799Zm10.634-9.659c2.264 0 3.304-.96 3.304-3.66V23.938c0-2.76-1.04-3.66-3.304-3.66h-.845a.5.5 0 0 0-.5.5v19.46a.5.5 0 0 0 .5.5h.845Zm15.115 9.043a.5.5 0 0 0 .487.616h8.679a.5.5 0 0 0 .491-.406l1.252-6.567a.5.5 0 0 1 .491-.406h6.82a.5.5 0 0 1 .491.406l1.252 6.567a.5.5 0 0 0 .491.406h8.989a.5.5 0 0 0 .487-.613l-9.065-38.778a.5.5 0 0 0-.487-.386h-10.588a.5.5 0 0 0-.486.384l-9.304 38.777Zm14.901-27.162c.106 0 .197.077.215.182l1.89 11.295a.5.5 0 0 1-.493.583h-3.281a.5.5 0 0 1-.493-.585l1.948-11.294a.217.217 0 0 1 .214-.18Zm43.249 16.44c0 6.539-3.854 11.338-12.174 11.338h-12.102a.5.5 0 0 1-.5-.5V11.12a.5.5 0 0 1 .5-.5h11.246c8.625 0 12.296 4.98 12.296 10.2 0 5.052-3.226 7.918-5.141 8.937a.225.225 0 0 0 .035.413c3.348 1.142 5.84 4.811 5.84 8.888Zm-9.788-1.02c0-2.28-1.162-3.78-3.548-3.78h-1.213a.5.5 0 0 0-.5.5v6.38a.5.5 0 0 0 .5.5h1.396c2.203 0 3.365-1.5 3.365-3.6Zm-4.761-18.54a.5.5 0 0 0-.5.5v5.9a.5.5 0 0 0 .5.5h.785c2.447 0 3.548-1.32 3.548-3.48 0-2.22-1.04-3.42-3.243-3.42h-1.09Zm19.166 30.398a.5.5 0 0 0 .5.5h18.699a.5.5 0 0 0 .5-.5v-8.599a.5.5 0 0 0-.5-.5H243.1a.5.5 0 0 1-.5-.5V11.12a.5.5 0 0 0-.5-.5h-8.666a.5.5 0 0 0-.5.5v38.777Zm24.158.5a.5.5 0 0 1-.5-.5V11.12a.5.5 0 0 1 .5-.5h19.494a.5.5 0 0 1 .5.5v8.54a.5.5 0 0 1-.5.5h-9.706a.5.5 0 0 0-.5.5v4.04a.5.5 0 0 0 .5.5h9.216a.5.5 0 0 1 .5.5v7.999a.5.5 0 0 1-.5.5h-9.216a.5.5 0 0 0-.5.5v5.6a.5.5 0 0 0 .5.5h9.95a.5.5 0 0 1 .5.5v8.598a.5.5 0 0 1-.5.5h-19.738ZM26.455 82.436C26.455 91.605 32.284 95 38.509 95c6.225 0 12.054-3.565 12.054-12.62v-14.6c0-8.829-5.83-12.564-12.054-12.564-6.225 0-12.054 3.735-12.054 12.62v14.6Zm15.053-.17c0 2.491-1.358 3.51-3 3.51-1.64 0-2.998-1.019-2.998-3.51V68.063c0-2.546 1.358-3.565 2.999-3.565s3 1.019 3 3.565v14.205Zm-29.85 11.602c7.696 0 11.262-4.527 11.262-10.696 0-3.844-2.304-7.305-5.4-8.383a.214.214 0 0 1-.034-.392c1.772-.96 4.755-3.664 4.755-8.428 0-4.924-3.396-9.621-11.375-9.621H.5a.5.5 0 0 0-.5.5v36.52a.5.5 0 0 0 .5.5h11.158Zm-1.075-15.223c2.207 0 3.282 1.415 3.282 3.565 0 1.981-1.075 3.396-3.113 3.396H9.498a.5.5 0 0 1-.5-.5v-5.96a.5.5 0 0 1 .5-.5h1.085ZM8.998 65.224a.5.5 0 0 1 .5-.5h.971c2.038 0 3 1.131 3 3.225 0 2.038-1.019 3.283-3.282 3.283h-.689a.5.5 0 0 1-.5-.5v-5.508ZM66.692 95c-6.395 0-11.772-3-11.772-12.96V56.849a.5.5 0 0 1 .5-.5h8.055a.5.5 0 0 1 .5.5v25.306c0 2.66 1.075 3.565 2.66 3.565 1.584 0 2.716-.905 2.716-3.565V56.848a.5.5 0 0 1 .5-.5h8.055a.5.5 0 0 1 .5.5v25.193C78.406 92 73.086 95 66.69 95Zm16.814-1.632a.5.5 0 0 0 .5.5h17.222a.5.5 0 0 0 .5-.5v-8.054a.5.5 0 0 0-.5-.5h-8.28a.5.5 0 0 1-.5-.5V56.848a.5.5 0 0 0-.5-.5h-7.942a.5.5 0 0 0-.5.5v36.52Zm19.913.5a.5.5 0 0 1-.487-.614l8.593-36.52a.5.5 0 0 1 .487-.386h9.732a.5.5 0 0 1 .487.388l8.373 36.52a.5.5 0 0 1-.488.612h-8.238a.5.5 0 0 1-.491-.408l-1.149-6.144a.5.5 0 0 0-.492-.409h-6.244a.5.5 0 0 0-.491.409l-1.149 6.144a.5.5 0 0 1-.491.408h-7.952Zm13.487-26.034a.2.2 0 0 0-.395 0l-1.797 10.624a.5.5 0 0 0 .493.583h2.951a.5.5 0 0 0 .493-.58l-1.745-10.627Zm32.617 25.706a.5.5 0 0 0 .469.328h8.319a.5.5 0 0 0 .5-.5v-36.52a.5.5 0 0 0-.5-.5h-7.376a.5.5 0 0 0-.5.5v16.785a.201.201 0 0 1-.389.073l-6.562-17.038a.499.499 0 0 0-.466-.32h-8.721a.5.5 0 0 0-.5.5v36.52a.5.5 0 0 0 .5.5h7.432a.5.5 0 0 0 .5-.5V74.714a.2.2 0 0 1 .388-.069l6.906 18.895Zm26.086-11.5a.5.5 0 0 1-.5-.5v-6.753a.5.5 0 0 1 .5-.5h11.337a.5.5 0 0 1 .5.5v6.688c0 11.092-6.905 13.525-11.715 13.525s-11.997-1.98-11.997-13.582V68.345c0-10.47 6.734-13.129 11.997-13.129 4.073 0 11.665 1.705 11.717 13.355a.5.5 0 0 1-.505.5l-7.602-.15a.516.516 0 0 1-.499-.51c-.069-3.417-1.43-4.14-2.998-4.14-1.471 0-3.056.849-3.056 3.622v14.43c0 2.717 1.415 3.736 3.113 3.736 1.584 0 2.943-.85 2.943-3.226v-.292a.5.5 0 0 0-.5-.5h-2.735Zm16.769 11.328a.5.5 0 0 0 .5.5h18.185a.5.5 0 0 0 .5-.5v-8.054a.5.5 0 0 0-.5-.5h-9.13a.5.5 0 0 1-.5-.5v-5.225a.5.5 0 0 1 .5-.5h8.451a.5.5 0 0 0 .5-.5v-7.49a.5.5 0 0 0-.5-.5h-8.451a.5.5 0 0 1-.5-.5v-3.753a.5.5 0 0 1 .5-.5h8.904a.5.5 0 0 0 .5-.5v-7.998a.5.5 0 0 0-.5-.5h-17.959a.5.5 0 0 0-.5.5v36.52Zm33.04 0a.5.5 0 0 1-.5.5h-8.055a.5.5 0 0 1-.5-.5v-36.52a.5.5 0 0 1 .5-.5h10.423c8.715 0 11.431 5.037 11.431 9.903 0 4.195-2.542 6.952-4.895 8.327a.17.17 0 0 0-.085.147c0 .076.05.142.123.164 2.567.774 5.253 3.105 5.253 8.397v10.082a.5.5 0 0 1-.5.5h-8.054a.5.5 0 0 1-.5-.5v-9.856c0-2.49-.793-3.735-3.056-3.735h-1.085a.5.5 0 0 0-.5.5v13.091Zm.5-28.984a.5.5 0 0 0-.5.5v6.244a.5.5 0 0 0 .5.5h.802c2.263 0 3.169-1.585 3.169-3.849 0-2.263-.962-3.395-3-3.395h-.971Zm17.525 28.984a.5.5 0 0 0 .5.5h8.055a.5.5 0 0 0 .5-.5v-36.52a.5.5 0 0 0-.5-.5h-8.055a.5.5 0 0 0-.5.5v36.52Zm15.201.5a.5.5 0 0 1-.5-.5v-36.52a.5.5 0 0 1 .5-.5h17.958a.5.5 0 0 1 .5.5v7.998a.5.5 0 0 1-.5.5h-8.903a.5.5 0 0 0-.5.5V69.6a.5.5 0 0 0 .5.5h8.45a.5.5 0 0 1 .5.5v7.489a.5.5 0 0 1-.5.5h-8.45a.5.5 0 0 0-.5.5v5.225a.5.5 0 0 0 .5.5h9.13a.5.5 0 0 1 .5.5v8.054a.5.5 0 0 1-.5.5h-18.185Z"
fill="currentColor"
/>
</svg>
</>
);
};
40 changes: 39 additions & 1 deletion packages/shared-ui/components/Header/stories/Header.stories.tsx
Original file line number Diff line number Diff line change
@@ -1,5 +1,11 @@
import type { Meta, StoryObj } from "../../../.storybook/types";
import { Button } from "../../Button/Button";
import { MobileNavMenu } from "../../MobileNav";
import { Cart, CartContent } from "../../cart";
import { DesktopNavItem } from "../DesktopNavItem";
import { Header } from "../Header";
import { Logo } from "../Logo";
import { NAV_ITEMS } from "../NavItems";

const meta: Meta<typeof Header> = {
component: Header,
Expand All @@ -10,4 +16,36 @@ export default meta;

type Story = StoryObj<typeof Header>;

export const Default: Story = {};
// eslint-disable-next-line @typescript-eslint/no-empty-function
const onMobileNavClose = () => {};

export const Default: Story = {
render: () => (
<Header currentRoute="/products">
<div className="flex items-center">
<a href="/" onClick={onMobileNavClose}>
<Logo className="w-24" />
</a>
<ul className="ml-8 hidden sm:flex sm:flex-1">
{NAV_ITEMS.map(({ href, label }) => (
<DesktopNavItem isActive={"/products" === href} key={`${href}-${label}`} href={href} label={label} />
))}
</ul>
</div>
<div className="flex items-center">
<Cart onMobileNavClose={onMobileNavClose}>
<CartContent
ProductListLink={
<a href="/products">
<Button as="a" variant="secondary" onClick={() => toggleCartOpen(false)}>
View Products
</Button>
</a>
}
/>
</Cart>
<MobileNavMenu />
</div>
</Header>
),
};

0 comments on commit 4b276bd

Please sign in to comment.