new icon, more improvements

components/layout/layout.tsx

@@ -24,6 +24,10 @@ export const Layout = ({ data = layoutData, children }) => {
           property="og:image"
           content="https://assets.tina.io/c68a0182-b88f-4a74-8514-0cbe71f98577/nice-parm.jpg"
         />
+        <link
+          rel="icon"
+          href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🍴</text></svg>"
+        />
       </Head>
       <div>
         <Header data={data?.header} />

components/posts/reviews.tsx

@@ -18,6 +18,7 @@ export const Reviews = ({ data }) => {
             key={post._sys.filename}
             href={`/reviews/` + post._sys.filename}
             passHref
+            legacyBehavior
           >
             <a
               key={post.id}

components/util/actions.tsx

@@ -27,7 +27,12 @@ export const Actions = ({ parentField = "", className = "", actions }) => {
           }
           if (action.type === "link" || action.type === "linkExternal") {
             element = (
-              <Link key={index} href={action.link ? action.link : "/"} passHref>
+              <Link
+                key={index}
+                href={action.link ? action.link : "/"}
+                passHref
+                legacyBehavior
+              >
                 <a
                   data-tinafield={`${parentField}.${index}`}
                   className={`group inline-flex items-center font-semibold text-lg transition duration-150 ease-out`}

content/authors/brady.md

@@ -1,6 +1,5 @@
 ---
 name: Brady Stroud
-avatar: >-
-  https://instagram.fcdg3-1.fna.fbcdn.net/v/t51.2885-19/414190101_1502753243841322_7015112107600143067_n.jpg?stp=dst-jpg_s320x320&_nc_ht=instagram.fcdg3-1.fna.fbcdn.net&_nc_cat=110&_nc_ohc=nGbadof_if4Ab5K64K2&edm=AOQ1c0wBAAAA&ccb=7-5&oh=00_AfBeghJJ-kRNDF5Gg-nPpt5JggIuFgQX797hdZLLWrD7cQ&oe=6621FF45&_nc_sid=8b3546
+avatar: /uploads/65E00928-4556-40A3-817F-885C03A3ACBC_1_105_c.jpeg
 ---
 

pages/[filename].tsx

@@ -3,6 +3,7 @@ import { useTina } from "tinacms/dist/react";
 import { Layout } from "../components/layout";
 import { client } from "../tina/__generated__/client";
 import { InferGetStaticPropsType } from "next";
+import Link from "next/link";
 
 export default function HomePage(
   props: InferGetStaticPropsType<typeof getStaticProps>
@@ -12,28 +13,31 @@ export default function HomePage(
     variables: props.variables,
     data: props.data,
   });
+  const bestParmi = props.topParmi.node;
   return (
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     <Layout data={data.global as any}>
       <Blocks {...data.page} />
       <section className="m-auto">
-        <div className="badge">
-          <svg width="300" height="50" className="best">
-            {" "}
-            <path
-              id="curve"
-              d="M100,25 A140,85 0 0 1 290,120"
-              fill="transparent"
-            />
-            <text fill="white" style={{ fontSize: "20px" }}>
-              <textPath href="#curve">BEST PARMI</textPath>
-            </text>
-          </svg>
-          <div className="flex flex-col items-center pt-4">
-            <div className="score">{props.topParmi.node.score}</div>
-            <div className="text-xl">{props.topParmi.node.restaurant.name}</div>
+        <Link href={bestParmi.id.split(".")[0]}>
+          <div className="badge">
+            <svg width="300" height="50" className="best">
+              {" "}
+              <path
+                id="curve"
+                d="M100,25 A140,85 0 0 1 290,120"
+                fill="transparent"
+              />
+              <text fill="white" style={{ fontSize: "20px" }}>
+                <textPath href="#curve">BEST PARMI</textPath>
+              </text>
+            </svg>
+            <div className="flex flex-col items-center pt-4">
+              <div className="score">{bestParmi.score}</div>
+              <div className="text-xl">{bestParmi.restaurant.name}</div>
+            </div>
           </div>
-        </div>
+        </Link>
       </section>
     </Layout>
   );

styles.css

@@ -15,6 +15,7 @@
   color: white;
   font-size: 16px;
   padding: 1rem;
+  margin-bottom: 3rem;
 }
 
 /* Yellow middle ring */

tina/config.tsx

@@ -217,7 +217,7 @@ const config = defineConfig({
             required: true,
           },
           {
-            type: "string",
+            type: "image",
             label: "Avatar",
             name: "avatar",
           },