task: Add back to home link on the pixel events page

bloomreach · Aug 8, 2024 · 02b6630 · 02b6630
1 parent cc8b76c
commit 02b6630
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 8 deletions.
diff --git a/examples/pixel/src/app/Header.jsx b/examples/pixel/src/app/Header.jsx
@@ -9,14 +9,16 @@ export function Header() {
   return (
     <>
       <div className="flex gap-2 items-center mt-4 mb-8">
-        <div className="flex gap-2 items-center grow">
-          <Link href="/">
-            <img src="/br-logo-primary.svg" alt="" width={150} />
+        <div className="flex grow items-center">
+          <Link href="/" className="inline-block">
+            <div className="flex gap-2 items-center">
+              <img src="/br-logo-primary.svg" alt="" width={150} />
+              <span>✨</span>
+              <div className="text-lg font-semibold text-[#002840]">
+                Pixel
+              </div>
+            </div>
           </Link>
-          <span>✨</span>
-          <div className="text-lg font-semibold text-[#002840]">
-            Pixel
-          </div>
         </div>
         <div className="flex gap-4 items-center">
           <div>

diff --git a/examples/pixel/src/app/events/page.jsx b/examples/pixel/src/app/events/page.jsx
@@ -1,7 +1,8 @@
 'use client';
 
+import Link from 'next/link';
 import JsonView from '@uiw/react-json-view';
-import { Button, ExternalLinkIcon } from '@bloomreach/react-banana-ui';
+import {ArrowLeftIcon, Button, ExternalLinkIcon} from '@bloomreach/react-banana-ui';
 import useAnalytics from '../../hooks/useAnalytics';
 
 export default function Page() {
@@ -13,6 +14,10 @@ export default function Page() {
         <div className="flex flex-col gap-8">
           <div className="flex items-center justify-between">
             <div>
+              <Link href="/" className="text-sm cursor-pointer text-blue-400 flex gap-2 hover:underline items-center">
+                <ArrowLeftIcon />
+                Back to home
+              </Link>
               <h1 className="text-2xl font-bold">Pixel events</h1>
               <p className="text-gray-500 dark:text-gray-400">
                 View the last 25 pixel events. See the events on the dashboard in