fix: added guide button to main page

ajesuscode · Oct 25, 2023 · 67cb3d9 · 67cb3d9
1 parent 073e59f
commit 67cb3d9
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git a/src/app/components/SpotConditionsWeek.tsx b/src/app/components/SpotConditionsWeek.tsx
@@ -28,8 +28,6 @@ export default function SpotConditionsWeek({
         return locTime.setZone("Europe/Paris").toFormat("ccc d HH:mm");
     });
 
-    //TODO make side column sticky
-
     return (
         <div className="overflow-y-auto">
             <table className="table-auto border-separate border-spacing-2 items-center">

diff --git a/src/app/info/page.tsx b/src/app/info/page.tsx
@@ -3,7 +3,6 @@ import pintxosData from "@/app/constants/pintxosData";
 import Image from "next/image";
 import Link from "next/link";
 
-//TODO Add more description, refactor ui
 const Info = () => {
     return (
         <div className="text-light rounded-lg shadow-lg relative overflow-hidden lg:p-20 h-full px-4 pt-20">
@@ -24,7 +23,6 @@ const Info = () => {
                 brand color. You can learn them below.
             </p>
 
-            {/* Grid for list items */}
             <div className="grid grid-cols-1 md:grid-cols-3 gap-4 h-full my-8">
                 {pintxosData.map((item, index) => (
                     <div
@@ -55,7 +53,7 @@ const Info = () => {
                     </div>
                 ))}
             </div>
-            <div className="mx-auto mb-8 lg:flex lg:justify-center lg:items-center md:mt-8">
+            <div className="mx-auto mb-8 lg:flex lg:justify-center lg:items-center md:mt-20">
                 <Link href="/spots">
                     <button className=" p-4 rounded-md bg-secondary text-primary hover:bg-light hover:text-dark font-body w-full md:px-12">
                         Go to Pintxos

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -33,6 +33,12 @@ export default async function Home() {
                     Check Pintxos
                 </button>
             </Link>
+            <span className="text-light font-body">or</span>
+            <Link href="/info">
+                <button className="w-72 p-4 rounded-md border border-light text-secondary hover:bg-dark hover:text-light font-body">
+                    Pintxos Guide
+                </button>
+            </Link>
         </main>
     );
 }