Fix hp templates link (#83)

artf · web-flow · commit d10767b9dbc0 · 2025-12-16T23:08:24.000+04:00
* Fix header

* Update template link card
diff --git a/src/app/_components/TemplateCard/TemplateButton.tsx b/src/app/_components/TemplateCard/TemplateButton.tsx
@@ -29,19 +29,27 @@ interface TemplateButtonProps {
   template: HomepageData["templates"][0];
 }
 
+export const handleClickTemplate = (
+  createUrl: string,
+  template: TemplateButtonProps["template"]
+) => {
+  trackClientJourneyEvent("ai_interest_shown", {
+    page: window.location.pathname,
+    source: "template_gallery",
+    template_id: template.id,
+    template_name: template.name,
+    template_type: template.type,
+  });
+
+  setTimeout(() => {
+    window.location.href = createUrl;
+  }, 100);
+};
+
 export function TemplateButton({ createUrl, template }: TemplateButtonProps) {
-  const handleClick = () => {
-    trackClientJourneyEvent("ai_interest_shown", {
-      page: window.location.pathname,
-      source: "template_gallery",
-      template_id: template.id,
-      template_name: template.name,
-      template_type: template.type,
-    });
-    
-    setTimeout(() => {
-      window.location.href = createUrl;
-    }, 100);
+  const handleClick = (ev: React.MouseEvent<HTMLButtonElement>) => {
+    ev.stopPropagation();
+    handleClickTemplate(createUrl, template);
   };
 
   return (
diff --git a/src/app/_components/TemplateCard/index.tsx b/src/app/_components/TemplateCard/index.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import { getTemplatePreviewUrl, getTemplateCreateUrl } from "@/lib/grapes-api";
 import type { HomepageData } from "@/lib/grapes-api";
 import styles from "./styles.module.css";
-import { TemplateButton } from "./TemplateButton";
+import { handleClickTemplate, TemplateButton } from "./TemplateButton";
 
 interface TemplateCardProps {
   template: HomepageData["templates"][0];
@@ -14,7 +14,10 @@ export function TemplateCard({ template }: TemplateCardProps) {
   const createUrl = getTemplateCreateUrl(template.editorUrl);
 
   return (
-    <div className={styles.templateCard}>
+    <div
+      className={styles.templateCard}
+      onClick={() => handleClickTemplate(createUrl, template)}
+    >
       <div className={styles.preview}>
         <img
           src={previewUrl}
diff --git a/src/app/ai/header.tsx b/src/app/ai/header.tsx
@@ -61,7 +61,7 @@ export default function HeaderStandalone({ className }: HeaderStandaloneProps) {
               <img
                 src="https://cdn.grapesjs.com/workspaces/cmddyhbh105af12ivgiyr7vui/assets/57483344-a73e-4e1f-abb2-f2df8058ef62__grapesblackandwhite.png"
                 alt="Grapes Studio"
-                className="w-[150px] md:w-[200px]"
+                className="w-[150px] h-[40px] md:w-[200px] md:h-[53px]"
               />
             </a>
           </div>
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -63,9 +63,12 @@ export default function RootLayout({
           })`,
           }}
         />
-        <script id="rewardful-queue">
-          {`(function(w,r){w._rwq=r;w[r]=w[r]||function(){(w[r].q=w[r].q||[]).push(arguments)}})(window,'rewardful');`}
-        </script>
+        <script
+          id="rewardful-queue"
+          dangerouslySetInnerHTML={{
+            __html: `(function(w,r){w._rwq=r;w[r]=w[r]||function(){(w[r].q=w[r].q||[]).push(arguments)}})(window,'rewardful');`,
+          }}
+        />
         <script src="https://r.wdfl.co/rw.js" data-rewardful="9302d5" />
         {/*
           <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png"/>
@@ -77,7 +80,10 @@ export default function RootLayout({
           <link rel="alternate" type="application/rss+xml" href="/feed.xml" />
         */}
       </head>
-      <body className={cn(inter.className, manrope.className)}>
+      <body
+        suppressHydrationWarning
+        className={cn(inter.className, manrope.className)}
+      >
         <noscript>
           <iframe
             src="https://www.googletagmanager.com/ns.html?id=GTM-N6SVS9RS"
