From 6a472fde2b2d653486132fe7c49ff560b85e31e3 Mon Sep 17 00:00:00 2001
From: Alissa Crane <alissa.crane@coinbase.com>
Date: Wed, 16 Oct 2024 10:39:45 -0700
Subject: [PATCH] fix format

---
 src/components/Banner.tsx           | 2 +-
 src/components/Navbar.tsx           | 4 ++--
 src/components/OnchainStore.tsx     | 4 ++--
 src/components/OnchainStoreItem.tsx | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/Banner.tsx b/src/components/Banner.tsx
index 1a63de5..eb57f37 100644
--- a/src/components/Banner.tsx
+++ b/src/components/Banner.tsx
@@ -1,7 +1,7 @@
 export function Banner() {
   return (
     <div className="fixed top-0 left-0 flex h-14 xs:h-12 w-full flex-wrap items-center justify-center bg-black text-white">
-      <div className='justify-center flex h-full flex-wrap items-center text-center text-sm xs:text-lg'>
+      <div className="flex h-full flex-wrap items-center justify-center text-center text-sm xs:text-lg">
         This is a demo site. These products are not for sale.
       </div>
     </div>
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 5ca2401..f73b814 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -32,7 +32,7 @@ export default function Navbar() {
   }, []);
 
   return (
-    <header className='-mx-[50vw] fixed top-14 xs:top-12 right-1/2 left-1/2 h-11 w-screen border-gray-200 border-b bg-white'>
+    <header className="-mx-[50vw] fixed top-14 xs:top-12 right-1/2 left-1/2 h-11 w-screen border-gray-200 border-b bg-white">
       <div className="mx-auto max-w-7xl px-4 py-3 sm:px-6 lg:px-8">
         <div className="flex items-center justify-between">
           <div className="flex items-center space-x-3">
@@ -55,7 +55,7 @@ export default function Navbar() {
         </div>
       </div>
       {isMenuOpen && (
-        <div className="md:hidden bg-white">
+        <div className="bg-white md:hidden">
           <ul className="space-y-2 px-4 py-2">
             <NavbarLink link={TEMPLATE_LINK} label="FORK THIS TEMPLATE" />
             <NavbarLink link={ONCHAINKIT_LINK} label="ONCHAINKIT" />
diff --git a/src/components/OnchainStore.tsx b/src/components/OnchainStore.tsx
index 976863d..cd85069 100644
--- a/src/components/OnchainStore.tsx
+++ b/src/components/OnchainStore.tsx
@@ -8,10 +8,10 @@ import OnchainStoreSummary from './OnchainStoreSummary';
 export default function OnchainStore() {
   return (
     <OnchainStoreProvider>
-      <div className='flex h-full max-h-screen max-w-full flex-col px-1 font-sansMono'>
+      <div className="flex h-full max-h-screen max-w-full flex-col px-1 font-sansMono">
         <Banner />
         <Navbar />
-        <main className='mx-auto flex max-w-7xl grow flex-col pt-24 pb-10'>
+        <main className="mx-auto flex max-w-7xl grow flex-col pt-24 pb-10">
           <div className="flex grow flex-col pb-10 md:flex-row">
             <OnchainStoreSummary />
             <OnchainStoreItems />
diff --git a/src/components/OnchainStoreItem.tsx b/src/components/OnchainStoreItem.tsx
index 3b9e262..53c8e8b 100644
--- a/src/components/OnchainStoreItem.tsx
+++ b/src/components/OnchainStoreItem.tsx
@@ -4,7 +4,7 @@ import QuantityInput from './QuantityInput';
 
 export default function OnchainStoreItem({ id, name, price, image }: Product) {
   return (
-    <div className='mx-auto flex max-w-[300px] flex-col sm:mx-0'>
+    <div className="mx-auto flex max-w-[300px] flex-col sm:mx-0">
       <div className="mb-1 flex items-start justify-between">
         <h2 className="font-regular text-xs">{name}</h2>
         <p className="font-regular text-xs">{price.toFixed(2)} USDC</p>