Fix: Add missing paths for CTA component

Mohmdev · Oct 2, 2024 · 4c5bf15 · 4c5bf15
1 parent 661f164
commit 4c5bf15
Showing 1 changed file with 15 additions and 17 deletions.
diff --git a/src/app/[countryCode]/(checkout)/layout.tsx b/src/app/[countryCode]/(checkout)/layout.tsx
@@ -1,41 +1,39 @@
-import LocalizedClientLink from "@/modules/common/components/localized-client-link"
-import ChevronDown from "@/modules/common/icons/chevron-down"
-import MedusaCTA from "@/modules/layout/components/medusa-cta"
+import LocalizedClientLink from '@/modules/common/components/localized-client-link'
+import ChevronDown from '@/modules/common/icons/chevron-down'
+import MedusaCTA from '@/modules/layout/components-shared/medusa-cta'
 
-export default function CheckoutLayout({
-  children,
-}: {
-  children: React.ReactNode
-}) {
+export default function CheckoutLayout({ children }: { children: React.ReactNode }) {
   return (
-    <div className="w-full bg-white relative small:min-h-screen">
-      <div className="h-16 bg-white border-b ">
-        <nav className="flex h-full items-center content-container justify-between">
+    <div className="relative w-full bg-white small:min-h-screen">
+      <div className="h-16 border-b bg-white">
+        <nav className="content-container flex h-full items-center justify-between">
           <LocalizedClientLink
             href="/cart"
-            className="text-small-semi text-ui-fg-base flex items-center gap-x-2 uppercase flex-1 basis-0"
+            className="text-small-semi flex flex-1 basis-0 items-center gap-x-2 uppercase text-ui-fg-base"
             data-testid="back-to-cart-link"
           >
             <ChevronDown className="rotate-90" size={16} />
-            <span className="mt-px hidden small:block txt-compact-plus text-ui-fg-subtle hover:text-ui-fg-base ">
+            <span className="txt-compact-plus mt-px hidden text-ui-fg-subtle hover:text-ui-fg-base small:block">
               Back to shopping cart
             </span>
-            <span className="mt-px block small:hidden txt-compact-plus text-ui-fg-subtle hover:text-ui-fg-base">
+            <span className="txt-compact-plus mt-px block text-ui-fg-subtle hover:text-ui-fg-base small:hidden">
               Back
             </span>
           </LocalizedClientLink>
           <LocalizedClientLink
             href="/"
-            className="txt-compact-xlarge-plus text-ui-fg-subtle hover:text-ui-fg-base uppercase"
+            className="txt-compact-xlarge-plus uppercase text-ui-fg-subtle hover:text-ui-fg-base"
             data-testid="store-link"
           >
             Medusa Store
           </LocalizedClientLink>
           <div className="flex-1 basis-0" />
         </nav>
       </div>
-      <div className="relative" data-testid="checkout-container">{children}</div>
-      <div className="py-4 w-full flex items-center justify-center">
+      <div className="relative" data-testid="checkout-container">
+        {children}
+      </div>
+      <div className="flex w-full items-center justify-center py-4">
         <MedusaCTA />
       </div>
     </div>