chore(prettier): 🤖 ✨ (#142)

Co-authored-by: squiggler[bot] <128108030+squiggler[bot]@users.noreply.github.com>

Author: squiggler[bot]

frontend/app/[slug]/page.tsx

@@ -1,61 +1,59 @@
-import type { Metadata } from "next";
-import Head from "next/head";
+import type {Metadata} from 'next'
+import Head from 'next/head'
 
-import PageBuilderPage from "@/app/components/PageBuilder";
-import { sanityFetch } from "@/sanity/lib/live";
-import { getPageQuery, pagesSlugs } from "@/sanity/lib/queries";
-import { GetPageQueryResult } from "@/sanity.types";
-import { PageOnboarding } from "@/app/components/Onboarding";
+import PageBuilderPage from '@/app/components/PageBuilder'
+import {sanityFetch} from '@/sanity/lib/live'
+import {getPageQuery, pagesSlugs} from '@/sanity/lib/queries'
+import {GetPageQueryResult} from '@/sanity.types'
+import {PageOnboarding} from '@/app/components/Onboarding'
 
 type Props = {
-  params: Promise<{ slug: string }>;
-};
+  params: Promise<{slug: string}>
+}
 
 /**
  * Generate the static params for the page.
  * Learn more: https://nextjs.org/docs/app/api-reference/functions/generate-static-params
  */
 export async function generateStaticParams() {
-  const { data } = await sanityFetch({
+  const {data} = await sanityFetch({
     query: pagesSlugs,
     // // Use the published perspective in generateStaticParams
-    perspective: "published",
+    perspective: 'published',
     stega: false,
-  });
-  return data;
+  })
+  return data
 }
 
 /**
  * Generate metadata for the page.
  * Learn more: https://nextjs.org/docs/app/api-reference/functions/generate-metadata#generatemetadata-function
  */
 export async function generateMetadata(props: Props): Promise<Metadata> {
-  const params = await props.params;
-  const { data: page } = await sanityFetch({
+  const params = await props.params
+  const {data: page} = await sanityFetch({
     query: getPageQuery,
     params,
     // Metadata should never contain stega
     stega: false,
-  });
+  })
 
   return {
     title: page?.name,
     description: page?.heading,
-  } satisfies Metadata;
+  } satisfies Metadata
 }
 
 export default async function Page(props: Props) {
-  const params = await props.params;
-  const [{ data: page }] = await Promise.all([
-    sanityFetch({ query: getPageQuery, params }),
-  ]);
+  const params = await props.params
+  const [{data: page}] = await Promise.all([sanityFetch({query: getPageQuery, params})])
 
   if (!page?._id) {
     return (
       <div className="py-40">
         <PageOnboarding />
       </div>
-    );
+    )
   }
 
   return (
@@ -79,5 +77,5 @@ export default async function Page(props: Props) {
       </div>
       <PageBuilderPage page={page as GetPageQueryResult} />
     </div>
-  );
+  )
 }

frontend/app/actions.ts

@@ -1,12 +1,12 @@
-"use server";
+'use server'
 
-import { draftMode } from "next/headers";
+import {draftMode} from 'next/headers'
 
 export async function disableDraftMode() {
-  "use server";
+  'use server'
   await Promise.allSettled([
     (await draftMode()).disable(),
     // Simulate a delay to show the loading state
     new Promise((resolve) => setTimeout(resolve, 1000)),
-  ]);
+  ])
 }

frontend/app/api/draft-mode/enable/route.ts

@@ -1,14 +1,14 @@
-import { defineEnableDraftMode } from "next-sanity/draft-mode";
+import {defineEnableDraftMode} from 'next-sanity/draft-mode'
 
-import { client } from "@/sanity/lib/client";
-import { token } from "@/sanity/lib/token";
+import {client} from '@/sanity/lib/client'
+import {token} from '@/sanity/lib/token'
 
 /**
  * defineEnableDraftMode() is used to enable draft mode. Set the route of this file
  * as the previewMode.enable option for presentationTool in your sanity.config.ts
  * Learn more: https://github.com/sanity-io/next-sanity?tab=readme-ov-file#5-integrating-with-sanity-presentation-tool--visual-editing
  */
 
-export const { GET } = defineEnableDraftMode({
-  client: client.withConfig({ token }),
-});
+export const {GET} = defineEnableDraftMode({
+  client: client.withConfig({token}),
+})

frontend/app/client-utils.ts

@@ -1,30 +1,30 @@
-"use client";
+'use client'
 
-import { isCorsOriginError } from "next-sanity";
-import { toast } from "sonner";
+import {isCorsOriginError} from 'next-sanity'
+import {toast} from 'sonner'
 
 export function handleError(error: unknown) {
   if (isCorsOriginError(error)) {
     // If the error is a CORS origin error, let's display that specific error.
-    const { addOriginUrl } = error;
+    const {addOriginUrl} = error
     toast.error(`Sanity Live couldn't connect`, {
       description: `Your origin is blocked by CORS policy`,
       duration: Infinity,
       action: addOriginUrl
         ? {
-            label: "Manage",
-            onClick: () => window.open(addOriginUrl.toString(), "_blank"),
+            label: 'Manage',
+            onClick: () => window.open(addOriginUrl.toString(), '_blank'),
           }
         : undefined,
-    });
+    })
   } else if (error instanceof Error) {
-    console.error(error);
-    toast.error(error.name, { description: error.message, duration: Infinity });
+    console.error(error)
+    toast.error(error.name, {description: error.message, duration: Infinity})
   } else {
-    console.error(error);
-    toast.error("Unknown error", {
-      description: "Check the console for more details",
+    console.error(error)
+    toast.error('Unknown error', {
+      description: 'Check the console for more details',
       duration: Infinity,
-    });
+    })
   }
 }

frontend/app/components/Avatar.tsx

@@ -1,35 +1,35 @@
-import { Image } from "next-sanity/image";
+import {Image} from 'next-sanity/image'
 
-import { urlForImage } from "@/sanity/lib/utils";
-import DateComponent from "@/app/components/Date";
+import {urlForImage} from '@/sanity/lib/utils'
+import DateComponent from '@/app/components/Date'
 
 type Props = {
   person: {
-    firstName: string | null;
-    lastName: string | null;
-    picture?: any;
-  };
-  date?: string;
-  small?: boolean;
-};
+    firstName: string | null
+    lastName: string | null
+    picture?: any
+  }
+  date?: string
+  small?: boolean
+}
 
-export default function Avatar({ person, date, small = false }: Props) {
-  const { firstName, lastName, picture } = person;
+export default function Avatar({person, date, small = false}: Props) {
+  const {firstName, lastName, picture} = person
 
   return (
     <div className="flex items-center font-mono">
       {picture?.asset?._ref ? (
-        <div className={`${small ? "h-6 w-6 mr-2" : "h-9 w-9 mr-4"}`}>
+        <div className={`${small ? 'h-6 w-6 mr-2' : 'h-9 w-9 mr-4'}`}>
           <Image
-            alt={picture?.alt || ""}
+            alt={picture?.alt || ''}
             className="h-full rounded-full object-cover"
             height={small ? 32 : 48}
             width={small ? 32 : 48}
             src={
               urlForImage(picture)
                 ?.height(small ? 64 : 96)
                 .width(small ? 64 : 96)
-                .fit("crop")
+                .fit('crop')
                 .url() as string
             }
           />
@@ -39,14 +39,14 @@ export default function Avatar({ person, date, small = false }: Props) {
       )}
       <div className="flex flex-col">
         {firstName && lastName && (
-          <div className={`font-bold ${small ? "text-sm" : ""}`}>
+          <div className={`font-bold ${small ? 'text-sm' : ''}`}>
             {firstName} {lastName}
           </div>
         )}
-        <div className={`text-gray-500 ${small ? "text-xs" : "text-sm"}`}>
+        <div className={`text-gray-500 ${small ? 'text-xs' : 'text-sm'}`}>
           <DateComponent dateString={date} />
         </div>
       </div>
     </div>
-  );
+  )
 }

frontend/app/components/BlockRenderer.tsx

@@ -1,41 +1,36 @@
-import React from "react";
+import React from 'react'
 
-import Cta from "@/app/components/Cta";
-import Info from "@/app/components/InfoSection";
-import { dataAttr } from "@/sanity/lib/utils";
+import Cta from '@/app/components/Cta'
+import Info from '@/app/components/InfoSection'
+import {dataAttr} from '@/sanity/lib/utils'
 
 type BlocksType = {
-  [key: string]: React.FC<any>;
-};
+  [key: string]: React.FC<any>
+}
 
 type BlockType = {
-  _type: string;
-  _key: string;
-};
+  _type: string
+  _key: string
+}
 
 type BlockProps = {
-  index: number;
-  block: BlockType;
-  pageId: string;
-  pageType: string;
-};
+  index: number
+  block: BlockType
+  pageId: string
+  pageType: string
+}
 
 const Blocks: BlocksType = {
   callToAction: Cta,
   infoSection: Info,
-};
+}
 
 /**
  * Used by the <PageBuilder>, this component renders a the component that matches the block type.
  */
-export default function BlockRenderer({
-  block,
-  index,
-  pageId,
-  pageType,
-}: BlockProps) {
+export default function BlockRenderer({block, index, pageId, pageType}: BlockProps) {
   // Block does exist
-  if (typeof Blocks[block._type] !== "undefined") {
+  if (typeof Blocks[block._type] !== 'undefined') {
     return (
       <div
         key={block._key}
@@ -51,7 +46,7 @@ export default function BlockRenderer({
           index: index,
         })}
       </div>
-    );
+    )
   }
   // Block doesn't exist yet
   return React.createElement(
@@ -60,6 +55,6 @@ export default function BlockRenderer({
         A &ldquo;{block._type}&rdquo; block hasn&apos;t been created
       </div>
     ),
-    { key: block._key },
-  );
+    {key: block._key},
+  )
 }

frontend/app/components/CoverImage.tsx

@@ -1,25 +1,25 @@
-import { stegaClean } from "@sanity/client/stega";
-import { Image } from "next-sanity/image";
-import { getImageDimensions } from "@sanity/asset-utils";
-import { urlForImage } from "@/sanity/lib/utils";
+import {stegaClean} from '@sanity/client/stega'
+import {Image} from 'next-sanity/image'
+import {getImageDimensions} from '@sanity/asset-utils'
+import {urlForImage} from '@/sanity/lib/utils'
 
 interface CoverImageProps {
-  image: any;
-  priority?: boolean;
+  image: any
+  priority?: boolean
 }
 
 export default function CoverImage(props: CoverImageProps) {
-  const { image: source, priority } = props;
+  const {image: source, priority} = props
   const image = source?.asset?._ref ? (
     <Image
       className="object-cover"
       width={getImageDimensions(source).width}
       height={getImageDimensions(source).height}
-      alt={stegaClean(source?.alt) || ""}
+      alt={stegaClean(source?.alt) || ''}
       src={urlForImage(source)?.url() as string}
       priority={priority}
     />
-  ) : null;
+  ) : null
 
-  return <div className="relative">{image}</div>;
+  return <div className="relative">{image}</div>
 }

frontend/app/components/Cta.tsx

@@ -1,14 +1,14 @@
-import { Suspense } from "react";
+import {Suspense} from 'react'
 
-import ResolvedLink from "@/app/components/ResolvedLink";
-import { CallToAction } from "@/sanity.types";
+import ResolvedLink from '@/app/components/ResolvedLink'
+import {CallToAction} from '@/sanity.types'
 
 type CtaProps = {
-  block: CallToAction;
-  index: number;
-};
+  block: CallToAction
+  index: number
+}
 
-export default function CTA({ block }: CtaProps) {
+export default function CTA({block}: CtaProps) {
   return (
     <div className="container my-12">
       <div className="bg-gray-50 border border-gray-100 rounded-2xl max-w-3xl">
@@ -33,5 +33,5 @@ export default function CTA({ block }: CtaProps) {
         </div>
       </div>
     </div>
-  );
+  )
 }