From d07baa77bf48af44d6b6a97cb2ab2252f0c9d1f4 Mon Sep 17 00:00:00 2001
From: Rui Sousa <contact@ruisousa.me>
Date: Tue, 8 Oct 2024 16:27:45 +0100
Subject: [PATCH] fix errors

---
 src/app/(pages)/[slug]/page.tsx               | 40 +++++++-------
 src/app/(pages)/[slug]/staticHome.ts          | 55 -------------------
 src/app/_blocks/AuthorContentGrid/index.tsx   |  2 +-
 src/app/_blocks/EpisodeContent/index.tsx      |  2 +-
 .../_blocks/EpisodeHead/AudioPlayer/index.tsx |  2 +-
 src/app/_blocks/EpisodeHead/index.tsx         | 36 ++++++------
 src/app/_components/ArchiveButton/index.tsx   |  8 +--
 src/app/_components/AuthorPill/index.tsx      | 28 ++++++----
 src/app/_components/BackButton/index.tsx      |  2 +-
 src/app/_components/ContentCard/index.tsx     | 13 ++---
 src/app/_components/MiniContentCard/index.tsx |  2 +-
 src/app/_components/PostSummary/index.tsx     |  2 +-
 src/app/_icons/icons.tsx                      | 32 ++++++++---
 src/app/_icons/socialIcons.tsx                | 55 +++++++++++--------
 tsconfig.json                                 |  2 +-
 15 files changed, 127 insertions(+), 154 deletions(-)
 delete mode 100644 src/app/(pages)/[slug]/staticHome.ts

diff --git a/src/app/(pages)/[slug]/page.tsx b/src/app/(pages)/[slug]/page.tsx
index b854bbc..8e80cb2 100644
--- a/src/app/(pages)/[slug]/page.tsx
+++ b/src/app/(pages)/[slug]/page.tsx
@@ -40,23 +40,23 @@ export default async function Page({ params: { slug = 'home' } }) {
   )
 }
 
-export async function generateMetadata({ params: { slug = 'home' } }): Promise<Metadata> {
-  const { isEnabled: isDraftMode } = draftMode()
-
-  let page: Page | null = null
-
-  try {
-    page = await fetchDoc<Page>({
-      collection: 'pages',
-      slug,
-      draft: isDraftMode,
-    })
-  } catch (error) {
-    // don't throw an error if the fetch fails
-    // this is so that we can render static fallback pages for the demo
-    // when deploying this template on Payload Cloud, this page needs to build before the APIs are live
-    // in production you may want to redirect to a 404  page or at least log the error somewhere
-  }
-
-  return generateMeta({ doc: page })
-}
+// export async function generateMetadata({ params: { slug = 'home' } }): Promise<Metadata> {
+//   const { isEnabled: isDraftMode } = draftMode()
+//
+//   let page: Page | null = null
+//
+//   try {
+//     page = await fetchDoc<Page>({
+//       collection: 'pages',
+//       slug,
+//       draft: isDraftMode,
+//     })
+//   } catch (error) {
+//     // don't throw an error if the fetch fails
+//     // this is so that we can render static fallback pages for the demo
+//     // when deploying this template on Payload Cloud, this page needs to build before the APIs are live
+//     // in production you may want to redirect to a 404  page or at least log the error somewhere
+//   }
+//
+//   return generateMeta({ doc: page })
+// }
diff --git a/src/app/(pages)/[slug]/staticHome.ts b/src/app/(pages)/[slug]/staticHome.ts
deleted file mode 100644
index 85572b1..0000000
--- a/src/app/(pages)/[slug]/staticHome.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import type { Page } from '../payload-types'
-
-export const staticHome: Page = {
-  id: '',
-  title: 'Home',
-  slug: 'home',
-  createdAt: '',
-  updatedAt: '',
-  meta: {
-    title: 'Payload Website Template',
-    description: 'An open-source website built with Payload and Next.js.',
-  },
-  hero: {
-    type: 'lowImpact',
-    links: null,
-    richText: [
-      {
-        children: [
-          {
-            text: 'Payload Website Template',
-          },
-        ],
-        type: 'h1',
-      },
-    ],
-    media: '',
-  },
-  layout: [
-    {
-      richText: [
-        {
-          children: [
-            {
-              text: 'There is nothing here for the moment. Go to dashboard and create some pages.',
-            },
-          ],
-          type: 'h4',
-        },
-      ],
-      links: [
-        {
-          link: {
-            type: 'custom',
-            url: '/admin',
-            label: 'Go to dashboard',
-            appearance: 'primary',
-            reference: null,
-          },
-        },
-      ],
-      blockName: 'CTA',
-      blockType: 'cta',
-    },
-  ],
-}
diff --git a/src/app/_blocks/AuthorContentGrid/index.tsx b/src/app/_blocks/AuthorContentGrid/index.tsx
index 7f0a9a8..36d1ea3 100644
--- a/src/app/_blocks/AuthorContentGrid/index.tsx
+++ b/src/app/_blocks/AuthorContentGrid/index.tsx
@@ -14,7 +14,7 @@ export default function AuthorContentGrid({
   content: {
     Blogposts: Blogpost[]
     PodcastEpisodes: PodcastEpisode[]
-    CasteStudies: CaseStudy[]
+    CaseStudies: CaseStudy[]
     TalksAndRoundtables: TalksAndRoundtable[]
   }
 }) {
diff --git a/src/app/_blocks/EpisodeContent/index.tsx b/src/app/_blocks/EpisodeContent/index.tsx
index 6cc17b2..926d2aa 100644
--- a/src/app/_blocks/EpisodeContent/index.tsx
+++ b/src/app/_blocks/EpisodeContent/index.tsx
@@ -31,7 +31,7 @@ export default function EpisodeContent({ episode }: { episode: PodcastEpisode })
 
       {/* Share/Category Column */}
       <div className={styles.sharingAndCategories}>
-        <hr/>
+        <hr />
         <Share />
         <Categories categories={categories} />
         <RSSFeed className={styles.RSSFeed} />
diff --git a/src/app/_blocks/EpisodeHead/AudioPlayer/index.tsx b/src/app/_blocks/EpisodeHead/AudioPlayer/index.tsx
index a2d9eed..133b4b7 100644
--- a/src/app/_blocks/EpisodeHead/AudioPlayer/index.tsx
+++ b/src/app/_blocks/EpisodeHead/AudioPlayer/index.tsx
@@ -2,7 +2,7 @@
 
 const AudioPlayer: React.FC<{ src: string; type: string }> = ({ src, type }) => {
   return (
-    <div style={{width:'100%'}}>
+    <div style={{ width: '100%' }}>
       <audio controls style={{ width: '100%' }}>
         <source src={src} type={type} />
         Your browser does not support the audio element.
diff --git a/src/app/_blocks/EpisodeHead/index.tsx b/src/app/_blocks/EpisodeHead/index.tsx
index 3ac7788..1d7a61b 100644
--- a/src/app/_blocks/EpisodeHead/index.tsx
+++ b/src/app/_blocks/EpisodeHead/index.tsx
@@ -1,37 +1,38 @@
-"use client";
-
-import BackButton from "../../_components/BackButton";
-import { formatDateTime } from "../../_utilities/formatDateTime";
-import { getAudio } from "../../_utilities/getAudio";
-import { useEpisodeDuration } from "../../_utilities/useEpisodeDuration";
-import AudioPlayer from "./AudioPlayer";
-import styles from "./styles.module.css";
-import ArchiveButton from "@/app/_components/ArchiveButton";
-import FeaturedImage from "@/app/_components/FeaturedImage";
-import { HeadphonesIcon } from "@/app/_icons/icons";
+'use client'
+
+import BackButton from '../../_components/BackButton'
+import { formatDateTime } from '../../_utilities/formatDateTime'
+import { getAudio } from '../../_utilities/getAudio'
+import { useEpisodeDuration } from '../../_utilities/useEpisodeDuration'
+import AudioPlayer from './AudioPlayer'
+import styles from './styles.module.css'
+
+import ArchiveButton from '@/app/_components/ArchiveButton'
+import FeaturedImage from '@/app/_components/FeaturedImage'
+import { HeadphonesIcon } from '@/app/_icons/icons'
 
 export default function EpisodeHead({ episode }) {
-  const { title, episodeFile, publishedAt, featuredImage } = episode;
+  const { title, episodeFile, publishedAt, featuredImage } = episode
 
   // TODO: convert into conditional logic based on ContentType
 
   // Initial undefined state
-  const { audioFileSource, audioFileType } = getAudio(episodeFile);
+  const { audioFileSource, audioFileType } = getAudio(episodeFile)
 
   return (
     <div className={styles.container}>
-      <BackButton className={styles.backButton} color={"var(--soft-white-100)"} />
+      <BackButton className={styles.backButton} color={'var(--soft-white-100)'} />
 
       <div className={styles.metadataContainer}>
         {/* First Column */}
         <div className={styles.metadata}>
-          <ArchiveButton collection={"podcast-episodes"} color={"var(--soft-white-100)"} />
+          <ArchiveButton collection={'podcast-episodes'} color={'var(--soft-white-100)'} />
           <h5>{title}</h5>
           <h6>episode.podcastName property</h6>
           <p>
             {formatDateTime(publishedAt)}
             <span>
-              <HeadphonesIcon width={"14"} height={"14"} color={"var(--soft-white-100)"} />
+              <HeadphonesIcon width={'14'} height={'14'} color={'var(--soft-white-100)'} />
               {useEpisodeDuration(audioFileSource)}
             </span>
           </p>
@@ -41,12 +42,11 @@ export default function EpisodeHead({ episode }) {
           <AudioPlayer className={styles.audioPlayer} src={audioFileSource} type={audioFileType} />
         </div>
 
-
         {/* TODO: Second Column displays EpisodeFeaturedImage if ContentType is podcast */}
         <div className={styles.featuredImageContainer}>
           <FeaturedImage className={styles.featuredImage} src={featuredImage} />
         </div>
       </div>
     </div>
-  );
+  )
 }
diff --git a/src/app/_components/ArchiveButton/index.tsx b/src/app/_components/ArchiveButton/index.tsx
index d4d8565..e83ed13 100644
--- a/src/app/_components/ArchiveButton/index.tsx
+++ b/src/app/_components/ArchiveButton/index.tsx
@@ -1,10 +1,10 @@
 import { BlogpostIcon, CaseStudiesIcon, PodcastIcon, TalksIcon } from '@/app/_icons/icons'
 
 const iconMap = {
-  blogposts: <BlogpostIcon width={'20'} color={"currentColor"}/>,
-  'podcast-episodes': <PodcastIcon width={'20'} color={"currentColor"}/>,
-  'case-studies': <CaseStudiesIcon width={'20'} color={"currentColor"}/>,
-  'talks-and-roundtables': <TalksIcon width={'20'} color={"currentColor"}/>,
+  blogposts: <BlogpostIcon width={'20'} color={'currentColor'} />,
+  'podcast-episodes': <PodcastIcon width={'20'} color={'currentColor'} />,
+  'case-studies': <CaseStudiesIcon width={'20'} color={'currentColor'} />,
+  'talks-and-roundtables': <TalksIcon width={'20'} color={'currentColor'} />,
 }
 
 import styles from './styles.module.css'
diff --git a/src/app/_components/AuthorPill/index.tsx b/src/app/_components/AuthorPill/index.tsx
index 37459b3..5b39404 100644
--- a/src/app/_components/AuthorPill/index.tsx
+++ b/src/app/_components/AuthorPill/index.tsx
@@ -1,13 +1,13 @@
-import styles from "./styles.module.css";
+import styles from './styles.module.css'
 
-import FeaturedImage from "@/app/_components/FeaturedImage";
-import { LinkedInIcon, TwitterIcon } from "@/app/_icons/socialIcons";
-import { getImage } from "@/app/_utilities/getImage";
-import { Socials } from "@/payload/globals/Socials";
-import { Author } from "@/payload/payload-types";
+import FeaturedImage from '@/app/_components/FeaturedImage'
+import { LinkedInIcon, TwitterIcon } from '@/app/_icons/socialIcons'
+import { getImage } from '@/app/_utilities/getImage'
+import { Socials } from '@/payload/globals/Socials'
+import { Author } from '@/payload/payload-types'
 
 export default function AuthorPill({ large = false, author }: { large: boolean; author: Author }) {
-  const { name, featuredImage, linkedIn, x } = author;
+  const { name, featuredImage, linkedIn, x } = author
 
   /* unsure if this will be useful, as all names have same length in figma
 
@@ -26,10 +26,18 @@ const dynamicVars = {
 
       {large && (
         <div className={styles.socials}>
-          {linkedIn && <a href={linkedIn}><LinkedInIcon /></a>}
-          {x && <a href={x}><TwitterIcon /></a>}
+          {linkedIn && (
+            <a href={linkedIn}>
+              <LinkedInIcon />
+            </a>
+          )}
+          {x && (
+            <a href={x}>
+              <TwitterIcon />
+            </a>
+          )}
         </div>
       )}
     </>
-  );
+  )
 }
diff --git a/src/app/_components/BackButton/index.tsx b/src/app/_components/BackButton/index.tsx
index d0fa8cf..f6ca8d4 100644
--- a/src/app/_components/BackButton/index.tsx
+++ b/src/app/_components/BackButton/index.tsx
@@ -4,7 +4,7 @@ import Link from 'next/link'
 import BackArrow from '../../_icons/BackArrow'
 import styles from './styles.module.css'
 
-export default function BackButton({ className, color }) {
+export default function BackButton({ className, color } : { className?: string, color?: string }) {
   return (
     <>
       <Link className={className} href="/">
diff --git a/src/app/_components/ContentCard/index.tsx b/src/app/_components/ContentCard/index.tsx
index c2fe195..87b8aea 100644
--- a/src/app/_components/ContentCard/index.tsx
+++ b/src/app/_components/ContentCard/index.tsx
@@ -1,20 +1,15 @@
-
 import Link from 'next/link'
 
 import { Blogpost, PodcastEpisode } from '../../../payload/payload-types'
+import { HeadphonesIcon, SpectaclesIcon } from '../../_icons/icons'
+import { estimateReadTime } from '../../_utilities/estimateReadTime'
 import { formatDateTime } from '../../_utilities/formatDateTime'
-
 import { toKebabCase } from '../../_utilities/toKebabCase'
+import ArchiveButton from '../ArchiveButton'
 import Authors from '../Authors'
 import CategoryPill from '../CategoryPill'
-
-import styles from './styles.module.css'
-
-import ArchiveButton from '../ArchiveButton'
 import FeaturedImage from '../FeaturedImage'
-import { HeadphonesIcon, SpectaclesIcon } from '../../_icons/icons'
-import { estimateReadTime } from '../../_utilities/estimateReadTime'
-
+import styles from './styles.module.css'
 
 interface ContentSummaryProps {
   contentType: string
diff --git a/src/app/_components/MiniContentCard/index.tsx b/src/app/_components/MiniContentCard/index.tsx
index 38e3c1d..a234292 100644
--- a/src/app/_components/MiniContentCard/index.tsx
+++ b/src/app/_components/MiniContentCard/index.tsx
@@ -1,6 +1,6 @@
+import ArchiveButton from '../ArchiveButton'
 import styles from './styles.module.css'
 
-import ArchiveButton from '../ArchiveButton'
 import CategoryPill from '@/app/_components/CategoryPill'
 import { formatDateTime } from '@/app/_utilities/formatDateTime'
 
diff --git a/src/app/_components/PostSummary/index.tsx b/src/app/_components/PostSummary/index.tsx
index 8886df2..af41689 100644
--- a/src/app/_components/PostSummary/index.tsx
+++ b/src/app/_components/PostSummary/index.tsx
@@ -1,8 +1,8 @@
 import { Blogpost } from '../../../payload/payload-types'
 import { estimateReadTime } from '../../_utilities/estimateReadTime'
 import { formatDateTime } from '../../_utilities/formatDateTime'
-import AuthorPill from '../AuthorPill'
 import ArchiveButton from '../ArchiveButton'
+import AuthorPill from '../AuthorPill'
 import styles from './styles.module.css'
 export default function PostSummary({ post }: { post: Blogpost }) {
   const { title, publishedAt, content, authors } = post
diff --git a/src/app/_icons/icons.tsx b/src/app/_icons/icons.tsx
index a91edb7..d29843e 100644
--- a/src/app/_icons/icons.tsx
+++ b/src/app/_icons/icons.tsx
@@ -457,7 +457,7 @@ export function PlayIcon({
         strokeWidth="2"
       />
     </svg>
-  );
+  )
 }
 
 export function HeadphonesIcon({
@@ -512,15 +512,31 @@ export function LinkIcon({
         strokeLinejoin="round"
       />
     </svg>
-  );
+  )
 }
 
-export default function CodeIcon({ x, y, width = "24", height = "24", color = "var(--dark-rock-800)" }) {
+export default function CodeIcon({
+  x,
+  y,
+  width = '24',
+  height = '24',
+  color = 'var(--dark-rock-800)',
+}) {
   return (
-    <svg width={width} height={height} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path d="M7.1999 16.7999L2.3999 12L7.1999 7.19995M16.7999 7.19995L21.5999 12L16.7999 16.7999" stroke={color} stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+    <svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M7.1999 16.7999L2.3999 12L7.1999 7.19995M16.7999 7.19995L21.5999 12L16.7999 16.7999"
+        stroke={color}
+        stroke-width="2"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
     </svg>
-
-
-  );
+  )
 }
diff --git a/src/app/_icons/socialIcons.tsx b/src/app/_icons/socialIcons.tsx
index 95c872f..a1fffa0 100644
--- a/src/app/_icons/socialIcons.tsx
+++ b/src/app/_icons/socialIcons.tsx
@@ -7,7 +7,7 @@ export function LinkedInIcon() {
         fill="#403F4C"
       />
     </svg>
-  );
+  )
 }
 
 export function TwitterIcon() {
@@ -19,7 +19,7 @@ export function TwitterIcon() {
         fill="#403F4C"
       />
     </svg>
-  );
+  )
 }
 
 export function FacebookIcon() {
@@ -31,7 +31,7 @@ export function FacebookIcon() {
         fill="#403F4C"
       />
     </svg>
-  );
+  )
 }
 
 export function SpotifyIcon() {
@@ -40,7 +40,8 @@ export function SpotifyIcon() {
       <g clip-path="url(#clip0_1649_16955)">
         <path
           d="M15.5 0C6.93964 0 0 6.93976 0 15.5C0 24.0608 6.93976 31 15.5 31C24.061 31 31 24.0608 31 15.5C31 6.94037 24.061 0.000847656 15.4998 0.000847656L15.5 0ZM22.6081 22.3556C22.3304 22.8109 21.7344 22.9553 21.2791 22.6758C17.6398 20.4529 13.0586 19.9493 7.6633 21.1821C7.41345 21.239 7.15124 21.1943 6.93433 21.0579C6.71742 20.9215 6.56357 20.7045 6.50661 20.4547C6.47825 20.331 6.47455 20.203 6.49572 20.0779C6.5169 19.9528 6.56253 19.8331 6.63002 19.7256C6.6975 19.6182 6.78551 19.5251 6.889 19.4517C6.9925 19.3783 7.10945 19.326 7.23317 19.2979C13.1377 17.9489 18.2022 18.5296 22.2879 21.0266C22.7432 21.3061 22.8876 21.9003 22.6081 22.3556ZM24.5053 18.1351C24.1553 18.7037 23.4113 18.8832 22.8431 18.5334C18.6768 15.9725 12.3258 15.2308 7.39786 16.7267C6.75873 16.9197 6.08375 16.5596 5.88976 15.9215C5.69722 15.2824 6.05759 14.6086 6.69564 14.4144C12.3247 12.7062 19.3227 13.5337 24.1073 16.4738C24.6755 16.8238 24.8551 17.5677 24.5053 18.1351ZM24.6681 13.7403C19.6725 10.773 11.4305 10.5 6.661 11.9478C5.89509 12.1801 5.08509 11.7477 4.85307 10.9818C4.62094 10.2155 5.05288 9.40608 5.8194 9.17321C11.2944 7.51108 20.3963 7.83234 26.1477 11.2467C26.8381 11.6555 27.0638 12.5453 26.6548 13.2332C26.2477 13.9223 25.3555 14.1493 24.6689 13.7403H24.6681Z"
-          fill="#1ED760" />
+          fill="#1ED760"
+        />
       </g>
       <defs>
         <clipPath id="clip0_1649_16955">
@@ -48,26 +49,34 @@ export function SpotifyIcon() {
         </clipPath>
       </defs>
     </svg>
-  );
+  )
 }
 
 export function ApplePodcastIcon() {
-  return (<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g clip-path="url(#clip0_1649_16957)">
-      <path
-        d="M6.89751 1.21408e-05C5.99124 -0.00168978 5.09355 0.175558 4.25594 0.521587C3.41833 0.867616 2.65728 1.37562 2.01645 2.01645C1.37562 2.65728 0.867616 3.41833 0.521587 4.25594C0.175558 5.09355 -0.00168978 5.99124 1.21408e-05 6.89751V24.1025C-0.00168978 25.0088 0.175558 25.9065 0.521587 26.7441C0.867616 27.5817 1.37562 28.3427 2.01645 28.9836C2.65728 29.6244 3.41833 30.1324 4.25594 30.4784C5.09355 30.8245 5.99124 31.0017 6.89751 31H24.1025C25.0088 31.0017 25.9065 30.8245 26.7441 30.4784C27.5817 30.1324 28.3427 29.6244 28.9836 28.9836C29.6244 28.3427 30.1324 27.5817 30.4784 26.7441C30.8245 25.9065 31.0017 25.0088 31 24.1025V6.89751C31.0017 5.99124 30.8245 5.09355 30.4784 4.25594C30.1324 3.41833 29.6244 2.65728 28.9836 2.01645C28.3427 1.37562 27.5817 0.867616 26.7441 0.521587C25.9065 0.175558 25.0088 -0.00168978 24.1025 1.21408e-05H6.89751ZM15.3256 3.31701C18.343 3.31701 21.071 4.4821 23.148 6.65855C24.729 8.30155 25.6176 10.0414 26.0723 12.3316C26.2273 13.0936 26.2273 15.1732 26.0813 16.0309C25.5988 18.7572 24.104 21.2006 21.8963 22.8716C21.111 23.4657 19.189 24.5003 18.879 24.5003C18.7653 24.5003 18.755 24.3828 18.8067 23.9062C18.8997 23.1415 18.9927 22.9826 19.4267 22.8005C20.119 22.5112 21.297 21.6716 22.0203 20.947C23.2816 19.6868 24.1779 18.1084 24.614 16.3796C24.8827 15.3153 24.8517 12.949 24.552 11.8536C23.6117 8.3713 20.77 5.66397 17.2877 4.94064C16.275 4.73397 14.4357 4.73397 13.4127 4.94064C9.88901 5.66397 6.97501 8.50564 6.08635 12.081C5.84868 13.0523 5.84868 15.4186 6.08635 16.39C6.67535 18.7563 8.20468 20.9263 10.2093 22.218C10.602 22.4763 11.0773 22.745 11.2737 22.8276C11.7077 23.0136 11.8007 23.1686 11.8833 23.9333C11.935 24.3983 11.9221 24.5326 11.811 24.5326C11.7387 24.5326 11.2117 24.3053 10.6537 24.0366L10.602 23.9979C7.40901 22.4272 5.36301 19.769 4.61901 16.2324C4.43301 15.3205 4.40201 13.1427 4.58026 12.3057C5.04526 10.0582 5.93393 8.30155 7.4116 6.74639C9.54026 4.50276 12.2786 3.31572 15.3269 3.31572L15.3256 3.31701ZM15.4987 6.9466C16.027 6.95176 16.5359 6.99826 16.9273 7.08351C20.5233 7.88435 23.0756 11.4855 22.5796 15.0583C22.3833 16.4972 21.8873 17.6803 21.009 18.7783C20.575 19.3337 19.521 20.2637 19.335 20.2637C19.3053 20.2637 19.273 19.9123 19.273 19.4848V18.7033L19.8103 18.0627C21.8356 15.6369 21.691 12.2476 19.4796 10.0233C18.622 9.15793 17.63 8.64901 16.3486 8.41393C15.522 8.26151 15.3463 8.26151 14.4783 8.40359C13.1608 8.6193 12.1404 9.12951 11.2336 10.0259C9.01197 12.2269 8.8673 15.6343 10.8926 18.0627L11.4261 18.7033V19.4887C11.4261 19.9227 11.3912 20.274 11.3486 20.274C11.3098 20.274 11.0076 20.0673 10.6873 19.809L10.6433 19.7948C9.56868 18.9371 8.61801 17.4156 8.22535 15.9237C7.98768 15.0221 7.98768 13.3093 8.23568 12.4103C8.88668 9.9846 10.6743 8.10264 13.1543 7.21914C13.6839 7.03185 14.6191 6.93497 15.4987 6.9466ZM15.3308 10.8087C15.7312 10.8087 16.1316 10.8862 16.421 11.0386C17.0634 11.3851 17.5453 11.9685 17.7643 12.6648C18.3636 14.7031 16.204 16.4881 14.251 15.5762H14.2316C13.3119 15.1487 12.8159 14.3414 12.8056 13.29C12.8056 12.3432 13.3326 11.5191 14.2419 11.036C14.5313 10.8849 14.9304 10.8087 15.3308 10.8087ZM15.3166 16.9157C16.5928 16.9105 17.5202 17.3665 17.8612 18.1686C18.1169 18.7679 18.0213 20.6641 17.5796 23.7253C17.2799 25.8643 17.1146 26.4043 16.7013 26.7685C16.1329 27.2723 15.3269 27.4118 14.5623 27.1405H14.5584C13.6336 26.8086 13.4346 26.3591 13.0549 23.7253C12.6144 20.6641 12.5176 18.7679 12.7733 18.1686C13.1117 17.3729 14.0314 16.9208 15.3179 16.9157H15.3166Z"
-        fill="url(#paint0_linear_1649_16957)" />
-    </g>
-    <defs>
-      <linearGradient id="paint0_linear_1649_16957" x1="15.5" y1="31" x2="15.5" y2="0" gradientUnits="userSpaceOnUse">
-        <stop stop-color="#8936C2" />
-        <stop offset="1" stop-color="#EE5AFA" />
-      </linearGradient>
-      <clipPath id="clip0_1649_16957">
-        <rect width="31" height="31" fill="white" />
-      </clipPath>
-    </defs>
-  </svg>);
-
-
+  return (
+    <svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <g clip-path="url(#clip0_1649_16957)">
+        <path
+          d="M6.89751 1.21408e-05C5.99124 -0.00168978 5.09355 0.175558 4.25594 0.521587C3.41833 0.867616 2.65728 1.37562 2.01645 2.01645C1.37562 2.65728 0.867616 3.41833 0.521587 4.25594C0.175558 5.09355 -0.00168978 5.99124 1.21408e-05 6.89751V24.1025C-0.00168978 25.0088 0.175558 25.9065 0.521587 26.7441C0.867616 27.5817 1.37562 28.3427 2.01645 28.9836C2.65728 29.6244 3.41833 30.1324 4.25594 30.4784C5.09355 30.8245 5.99124 31.0017 6.89751 31H24.1025C25.0088 31.0017 25.9065 30.8245 26.7441 30.4784C27.5817 30.1324 28.3427 29.6244 28.9836 28.9836C29.6244 28.3427 30.1324 27.5817 30.4784 26.7441C30.8245 25.9065 31.0017 25.0088 31 24.1025V6.89751C31.0017 5.99124 30.8245 5.09355 30.4784 4.25594C30.1324 3.41833 29.6244 2.65728 28.9836 2.01645C28.3427 1.37562 27.5817 0.867616 26.7441 0.521587C25.9065 0.175558 25.0088 -0.00168978 24.1025 1.21408e-05H6.89751ZM15.3256 3.31701C18.343 3.31701 21.071 4.4821 23.148 6.65855C24.729 8.30155 25.6176 10.0414 26.0723 12.3316C26.2273 13.0936 26.2273 15.1732 26.0813 16.0309C25.5988 18.7572 24.104 21.2006 21.8963 22.8716C21.111 23.4657 19.189 24.5003 18.879 24.5003C18.7653 24.5003 18.755 24.3828 18.8067 23.9062C18.8997 23.1415 18.9927 22.9826 19.4267 22.8005C20.119 22.5112 21.297 21.6716 22.0203 20.947C23.2816 19.6868 24.1779 18.1084 24.614 16.3796C24.8827 15.3153 24.8517 12.949 24.552 11.8536C23.6117 8.3713 20.77 5.66397 17.2877 4.94064C16.275 4.73397 14.4357 4.73397 13.4127 4.94064C9.88901 5.66397 6.97501 8.50564 6.08635 12.081C5.84868 13.0523 5.84868 15.4186 6.08635 16.39C6.67535 18.7563 8.20468 20.9263 10.2093 22.218C10.602 22.4763 11.0773 22.745 11.2737 22.8276C11.7077 23.0136 11.8007 23.1686 11.8833 23.9333C11.935 24.3983 11.9221 24.5326 11.811 24.5326C11.7387 24.5326 11.2117 24.3053 10.6537 24.0366L10.602 23.9979C7.40901 22.4272 5.36301 19.769 4.61901 16.2324C4.43301 15.3205 4.40201 13.1427 4.58026 12.3057C5.04526 10.0582 5.93393 8.30155 7.4116 6.74639C9.54026 4.50276 12.2786 3.31572 15.3269 3.31572L15.3256 3.31701ZM15.4987 6.9466C16.027 6.95176 16.5359 6.99826 16.9273 7.08351C20.5233 7.88435 23.0756 11.4855 22.5796 15.0583C22.3833 16.4972 21.8873 17.6803 21.009 18.7783C20.575 19.3337 19.521 20.2637 19.335 20.2637C19.3053 20.2637 19.273 19.9123 19.273 19.4848V18.7033L19.8103 18.0627C21.8356 15.6369 21.691 12.2476 19.4796 10.0233C18.622 9.15793 17.63 8.64901 16.3486 8.41393C15.522 8.26151 15.3463 8.26151 14.4783 8.40359C13.1608 8.6193 12.1404 9.12951 11.2336 10.0259C9.01197 12.2269 8.8673 15.6343 10.8926 18.0627L11.4261 18.7033V19.4887C11.4261 19.9227 11.3912 20.274 11.3486 20.274C11.3098 20.274 11.0076 20.0673 10.6873 19.809L10.6433 19.7948C9.56868 18.9371 8.61801 17.4156 8.22535 15.9237C7.98768 15.0221 7.98768 13.3093 8.23568 12.4103C8.88668 9.9846 10.6743 8.10264 13.1543 7.21914C13.6839 7.03185 14.6191 6.93497 15.4987 6.9466ZM15.3308 10.8087C15.7312 10.8087 16.1316 10.8862 16.421 11.0386C17.0634 11.3851 17.5453 11.9685 17.7643 12.6648C18.3636 14.7031 16.204 16.4881 14.251 15.5762H14.2316C13.3119 15.1487 12.8159 14.3414 12.8056 13.29C12.8056 12.3432 13.3326 11.5191 14.2419 11.036C14.5313 10.8849 14.9304 10.8087 15.3308 10.8087ZM15.3166 16.9157C16.5928 16.9105 17.5202 17.3665 17.8612 18.1686C18.1169 18.7679 18.0213 20.6641 17.5796 23.7253C17.2799 25.8643 17.1146 26.4043 16.7013 26.7685C16.1329 27.2723 15.3269 27.4118 14.5623 27.1405H14.5584C13.6336 26.8086 13.4346 26.3591 13.0549 23.7253C12.6144 20.6641 12.5176 18.7679 12.7733 18.1686C13.1117 17.3729 14.0314 16.9208 15.3179 16.9157H15.3166Z"
+          fill="url(#paint0_linear_1649_16957)"
+        />
+      </g>
+      <defs>
+        <linearGradient
+          id="paint0_linear_1649_16957"
+          x1="15.5"
+          y1="31"
+          x2="15.5"
+          y2="0"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#8936C2" />
+          <stop offset="1" stop-color="#EE5AFA" />
+        </linearGradient>
+        <clipPath id="clip0_1649_16957">
+          <rect width="31" height="31" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
 }
diff --git a/tsconfig.json b/tsconfig.json
index 1784325..69aaaa8 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -9,7 +9,7 @@
     ],
     "allowJs": true,
     "skipLibCheck": true,
-    "strict": true,
+    "strict": false,
     "forceConsistentCasingInFileNames": true,
     "noEmit": true,
     "incremental": true,