crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-13 05:07:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactoring in next components

Browse Source
This commit is contained in:
Samantha Kellow 2023-07-28 10:31:31 +01:00
parent f0ffbad459
commit e8cc4863fb
4 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
components/icons/logo.tsx
View File

@ -1,6 +1,7 @@
import Image from "next/image";
export default function LogoIcon(props: React.ComponentProps<'img'>) { export default function LogoIcon(props: React.ComponentProps<'img'>) {
return ( return (
<img src="/logo-square-black.png" alt="scape squared logo" /> <Image width="100" height="50" src="/logo-square-black.png" alt="scape squared logo" />
); );
} }

4
components/layout/footer.tsx
View File

@ -58,9 +58,9 @@ export default async function Footer() {
<p>Designed in England</p> <p>Designed in England</p>
<p className="md:ml-auto"> <p className="md:ml-auto">
Crafted by{' '} Crafted by{' '}
<a href="https://www.instagram.com/sammiisparkle" className="text-black dark:text-white" target="_blank"> <Link href="https://www.instagram.com/sammiisparkle" className="text-black dark:text-white" target="_blank">
Sammii Sparkle Sammii Sparkle
</a> </Link>
</p> </p>
</div> </div>
</div> </div>

5
components/product/description-content.tsx
View File

@ -2,6 +2,7 @@ import { SCAPE } from 'constants/brand';
import { productTypes } from 'constants/item-details'; import { productTypes } from 'constants/item-details';
import { credentials, credentialsKeys } from 'constants/sustainability'; import { credentials, credentialsKeys } from 'constants/sustainability';
import { Product } from 'lib/shopify/types'; import { Product } from 'lib/shopify/types';
import Link from 'next/link';
export function DescriptionContent({ product }: { product: Product }) { export function DescriptionContent({ product }: { product: Product }) {
const productTypeKeys = Object.keys(productTypes); const productTypeKeys = Object.keys(productTypes);
@ -23,10 +24,10 @@ export function DescriptionContent({ product }: { product: Product }) {
} }
const certificationLink = (credType: keyof typeof credentials) => { const certificationLink = (credType: keyof typeof credentials) => {
return <a return <Link
className='text-underline text-xs' className='text-underline text-xs'
href={`#${getCertificationId(credType)}`} href={`#${getCertificationId(credType)}`}
> {credentials[credType].title} certified</a> > {credentials[credType].title} certified</Link>
} }
const commonDetailKeys = Object.keys(itemDetails.common) const commonDetailKeys = Object.keys(itemDetails.common)

5
components/product/sustainability-info.tsx
View File

@ -5,6 +5,7 @@ import {
AccordionTrigger, AccordionTrigger,
} from "@/components/ui/accordion"; } from "@/components/ui/accordion";
import { credentials, credentialsKeys } from "constants/sustainability"; import { credentials, credentialsKeys } from "constants/sustainability";
import Link from "next/link";
export function SustainabilityInfo() { export function SustainabilityInfo() {
@ -18,13 +19,13 @@ export function SustainabilityInfo() {
<AccordionTrigger className="text-xs py-3">{credentials[credential as keyof typeof credentials].title}</AccordionTrigger> <AccordionTrigger className="text-xs py-3">{credentials[credential as keyof typeof credentials].title}</AccordionTrigger>
<AccordionContent> <AccordionContent>
"{credentials[credential as keyof typeof credentials].excerpt}" <br /><br/> "{credentials[credential as keyof typeof credentials].excerpt}" <br /><br/>
<a <Link
className="text-bold pt-6" className="text-bold pt-6"
href={credentials[credential as keyof typeof credentials].link} href={credentials[credential as keyof typeof credentials].link}
target="_blank" target="_blank"
> >
Read more Read more
</a> </Link>
</AccordionContent> </AccordionContent>
</AccordionItem> </AccordionItem>
))} ))}