CMS-45730 Refactor Standard, [...slug]

Author: TRomesh

templates/alloy-template/src/app/[...slug]/page.tsx

@@ -18,9 +18,9 @@ export default async function Page({ params }: Props) {
     graphUrl: process.env.OPTIMIZELY_GRAPH_URL,
   });
   const path = `/${slug.join('/')}/`;
-  const c = await client.getContentByPath(path);
+  const pageContent = await client.getContentByPath(path);
 
-  if (c.length === 0) {
+  if (pageContent.length === 0) {
     notFound();
   }
 
@@ -29,9 +29,9 @@ export default async function Page({ params }: Props) {
       {/** Passing down client and currentPath to Footer to fetch dynamic links */}
       <Header client={client} currentPath={path} />
       <div className="container mx-auto p-10">
-        <OptimizelyComponent opti={c[0]} />
+        <OptimizelyComponent opti={pageContent[0]} />
       </div>
-      <Footer client={client} currentPath={path} />
+      <Footer client={client} />
     </>
   );
 }

templates/alloy-template/src/components/Standard.tsx

@@ -58,7 +58,7 @@ function Standard({ opti }: StandardPageProps) {
             {/* Heading and Description */}
             <div className="space-y-4">
               <h1
-                {...pa('title')}
+                {...pa('heading')}
                 className="text-4xl font-bold tracking-tight text-gray-900 sm:text-5xl"
               >
                 {opti.heading}

templates/alloy-template/src/components/base/Footer.tsx

@@ -12,10 +12,9 @@ interface FooterSection {
 
 interface FooterProps {
   client: GraphClient;
-  currentPath: string;
 }
 
-async function Footer({ client, currentPath }: FooterProps) {
+async function Footer({ client }: FooterProps) {
   const allLinks = await Promise.all([
     client.getItems('/en/'),
     client.getItems('/en/about-us'),