fix: 🐛 update faq

AI-READI · Jun 3, 2024 · dad0079 · dad0079
1 parent 15f433b
commit dad0079
Show file tree

Hide file tree

Showing 21 changed files with 43 additions and 44 deletions.
diff --git a/package.json b/package.json
@@ -90,7 +90,7 @@
     "next-router-mock": "^0.7.4",
     "next-sitemap": "^2.5.28",
     "postcss": "^8.4.18",
-    "prettier": "^2.7.1",
+    "prettier": "3.3.0",
     "prettier-plugin-tailwindcss": "0.6.1",
     "run-script-os": "^1.1.6",
     "tailwindcss": "^3.2.2",

diff --git a/src/components/NextImage.tsx b/src/components/NextImage.tsx
@@ -31,7 +31,7 @@ export default function NextImage({
   ...rest
 }: NextImageProps) {
   const [status, setStatus] = React.useState(
-    useSkeleton ? 'loading' : 'complete'
+    useSkeleton ? 'loading' : 'complete',
   );
 
   const widthIsSet = className?.includes('w-') ?? false;
@@ -44,7 +44,7 @@ export default function NextImage({
       <Image
         className={clsxm(
           imgClassName,
-          status === 'loading' && clsxm('animate-pulse', blurClassName)
+          status === 'loading' && clsxm('animate-pulse', blurClassName),
         )}
         src={src}
         width={width}

diff --git a/src/components/Seo.tsx b/src/components/Seo.tsx
@@ -35,11 +35,10 @@ export default function Seo(props: SeoProps) {
 
   meta['description'] = props.templateDescription || meta.description;
 
-  meta[
-    'image'
-  ] = `https://kalai.fairdataihub.org/api/generate?app=ai-readi&title=${encodeURIComponent(
-    meta.title
-  )}&org=ai-readi&description=${encodeURIComponent(meta.description)}`;
+  meta['image'] =
+    `https://kalai.fairdataihub.org/api/generate?app=ai-readi&title=${encodeURIComponent(
+      meta.title,
+    )}&org=ai-readi&description=${encodeURIComponent(meta.description)}`;
 
   return (
     <Head>

diff --git a/src/components/buttons/Button.tsx b/src/components/buttons/Button.tsx
@@ -28,7 +28,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
       isDarkBg = false,
       ...rest
     },
-    ref
+    ref,
   ) => {
     const disabled = isLoading || buttonDisabled;
 
@@ -81,7 +81,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
           'disabled:cursor-not-allowed',
           isLoading &&
             'relative text-transparent transition-none hover:text-transparent disabled:cursor-wait',
-          className
+          className,
         )}
         {...rest}
       >
@@ -93,7 +93,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
                 'text-white': ['primary', 'dark'].includes(variant),
                 'text-black': ['light'].includes(variant),
                 'text-primary-500': ['outline', 'ghost'].includes(variant),
-              }
+              },
             )}
           >
             <ImSpinner2 className='animate-spin' />
@@ -102,7 +102,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
         {children}
       </button>
     );
-  }
+  },
 );
 
 export default Button;
diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
@@ -127,12 +127,12 @@ export default function Header() {
                       key={item.name}
                       href={item.href}
                       className={clsx(
-                        'group relative my-2 flex w-full items-start gap-x-6 rounded-lg p-4 text-sm transition-all hover:bg-sky-50'
+                        'group relative my-2 flex w-full items-start gap-x-6 rounded-lg p-4 text-sm transition-all hover:bg-sky-50',
                       )}
                     >
                       <div
                         className={clsx(
-                          'flex h-12 w-12 flex-none items-center justify-center rounded-lg bg-sky-100 group-hover:bg-white group-hover:text-sky-500'
+                          'flex h-12 w-12 flex-none items-center justify-center rounded-lg bg-sky-100 group-hover:bg-white group-hover:text-sky-500',
                         )}
                       >
                         <Icon icon={item.icon} width={20} />

diff --git a/src/components/links/ArrowLink.tsx b/src/components/links/ArrowLink.tsx
@@ -26,7 +26,7 @@ export default function ArrowLink<C extends React.ElementType>({
       className={clsxm(
         'group gap-[0.25em]',
         direction === 'left' && 'flex-row-reverse',
-        className
+        className,
       )}
     >
       <span>{children}</span>
@@ -40,7 +40,7 @@ export default function ArrowLink<C extends React.ElementType>({
           'relative',
           'transition-transform duration-200',
           direction === 'right' ? 'motion-safe:-translate-x-1' : 'rotate-180',
-          'group-hover:translate-x-0'
+          'group-hover:translate-x-0',
         )}
       >
         <path
@@ -55,7 +55,7 @@ export default function ArrowLink<C extends React.ElementType>({
           className={clsxm(
             'origin-left transition-all duration-200',
             'opacity-0 motion-safe:-translate-x-1',
-            'group-hover:translate-x-0 group-hover:opacity-100'
+            'group-hover:translate-x-0 group-hover:opacity-100',
           )}
         />
       </svg>

diff --git a/src/components/links/ButtonLink.tsx b/src/components/links/ButtonLink.tsx
@@ -22,7 +22,7 @@ type ButtonLinkProps = {
 const ButtonLink = React.forwardRef<HTMLAnchorElement, ButtonLinkProps>(
   (
     { children, className, variant = 'primary', isDarkBg = false, ...rest },
-    ref
+    ref,
   ) => {
     return (
       <UnstyledLink
@@ -70,13 +70,13 @@ const ButtonLink = React.forwardRef<HTMLAnchorElement, ButtonLinkProps>(
           ],
           //#endregion  //*======== Variants ===========
           'disabled:cursor-not-allowed',
-          className
+          className,
         )}
       >
         {children}
       </UnstyledLink>
     );
-  }
+  },
 );
 
 export default ButtonLink;
diff --git a/src/components/links/PrimaryLink.tsx b/src/components/links/PrimaryLink.tsx
@@ -16,13 +16,13 @@ const PrimaryLink = React.forwardRef<HTMLAnchorElement, UnstyledLinkProps>(
           'items-center',
           'font-medium text-primary-600 hover:text-primary-500',
           'focus:outline-none focus-visible:rounded focus-visible:ring focus-visible:ring-primary-500 focus-visible:ring-offset-2',
-          className
+          className,
         )}
       >
         {children}
       </UnstyledLink>
     );
-  }
+  },
 );
 
 export default PrimaryLink;
diff --git a/src/components/links/UnderlineLink.tsx b/src/components/links/UnderlineLink.tsx
@@ -16,13 +16,13 @@ const UnderlineLink = React.forwardRef<HTMLAnchorElement, UnstyledLinkProps>(
           'animated-underline custom-link inline-flex items-center font-medium',
           'focus:outline-none focus-visible:rounded focus-visible:ring focus-visible:ring-primary-500 focus-visible:ring-offset-2',
           'border-b border-dotted border-dark hover:border-black/0',
-          className
+          className,
         )}
       >
         {children}
       </UnstyledLink>
     );
-  }
+  },
 );
 
 export default UnderlineLink;
diff --git a/src/components/links/UnstyledLink.tsx b/src/components/links/UnstyledLink.tsx
@@ -47,7 +47,7 @@ const UnstyledLink = React.forwardRef<HTMLAnchorElement, UnstyledLinkProps>(
         {children}
       </a>
     );
-  }
+  },
 );
 
 export default UnstyledLink;
diff --git a/src/lib/logger.ts b/src/lib/logger.ts
@@ -14,6 +14,6 @@ export default function logger(object: unknown, comment?: string): void {
     'color: #22D3EE',
     `${typeof window !== 'undefined' && window?.location.pathname}\n`,
     `=== ${comment ?? ''}\n`,
-    object
+    object,
   );
 }
diff --git a/src/pages/api/contact.ts b/src/pages/api/contact.ts
@@ -13,7 +13,7 @@ type Data = {
 
 export default function handler(
   req: NextApiRequest,
-  res: NextApiResponse<Data>
+  res: NextApiResponse<Data>,
 ) {
   // if (req.method === `POST`) {
   //   const { email, subject, message } = JSON.parse(req.body);

diff --git a/src/pages/components.tsx b/src/pages/components.tsx
@@ -40,7 +40,7 @@ export default function ComponentsPage() {
           <div
             className={clsx(
               'layout min-h-screen py-20',
-              mode === 'dark' ? 'text-white' : 'text-black'
+              mode === 'dark' ? 'text-white' : 'text-black',
             )}
           >
             <h1>Built-in Components</h1>
@@ -75,7 +75,7 @@ export default function ComponentsPage() {
                       mode === 'dark'
                         ? 'border border-gray-600 bg-dark'
                         : 'border-gray-300 bg-white',
-                      'focus:border-primary-400 focus:outline-none focus:ring focus:ring-primary-400'
+                      'focus:border-primary-400 focus:outline-none focus:ring focus:ring-primary-400',
                     )}
                     onChange={(e) => setColor(e.target.value as Color)}
                   >

diff --git a/src/pages/events/index.tsx b/src/pages/events/index.tsx
@@ -61,12 +61,12 @@ export async function getStaticProps() {
   eventList.sort((a, b) => {
     const a_date = dayjs(
       a.frontMatter.startDateTime,
-      `YYYY-MM-DD`
+      `YYYY-MM-DD`,
     ) as unknown as number;
 
     const b_date = dayjs(
       b.frontMatter.startDateTime,
-      `YYYY-MM-DD`
+      `YYYY-MM-DD`,
     ) as unknown as number;
 
     return b_date - a_date;

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -771,15 +771,15 @@ export async function getStaticProps() {
     .sort(
       (a, b) =>
         dayjs(a.frontMatter.startDateTime).valueOf() -
-        dayjs(b.frontMatter.startDateTime).valueOf()
+        dayjs(b.frontMatter.startDateTime).valueOf(),
     )[0];
 
   if (!closestUpcomingEvent) {
     // If there are no upcoming events, get the most recent event
     closestUpcomingEvent = eventList.sort(
       (a, b) =>
         dayjs(b.frontMatter.startDateTime).valueOf() -
-        dayjs(a.frontMatter.startDateTime).valueOf()
+        dayjs(a.frontMatter.startDateTime).valueOf(),
     )[0];
   }
 

diff --git a/src/pages/publications/index.tsx b/src/pages/publications/index.tsx
@@ -32,7 +32,7 @@ const PublicationsPage: React.FC<{ pageContent: string }> = ({
 export const getStaticProps: GetStaticProps = async () => {
   const fileContent = fs.readFileSync(
     `src/pages/publications/content.md`,
-    `utf-8`
+    `utf-8`,
   );
 
   const pageContent = await markdownToHtml(fileContent || ``);

diff --git a/src/pages/scholars.tsx b/src/pages/scholars.tsx
@@ -341,7 +341,7 @@ export const getStaticProps = async () => {
         ...member,
         blurDataURL: base64,
       };
-    })
+    }),
   ).then((values) => values);
 
   // sort by name

diff --git a/src/pages/study/index.tsx b/src/pages/study/index.tsx
@@ -927,7 +927,7 @@ export const getStaticProps = async () => {
   const StudyTeamIds = ['Cynthia-Owsley', 'Linda-Zangwill', 'Cecilia-Lee'];
 
   const StudyTeam = TEAM_JSON.filter((person) =>
-    StudyTeamIds.includes(person.id)
+    StudyTeamIds.includes(person.id),
   );
 
   // sort by name

diff --git a/src/pages/team/index.tsx b/src/pages/team/index.tsx
@@ -261,7 +261,7 @@ export const getStaticProps = async () => {
         ...member,
         blurDataURL: base64,
       };
-    })
+    }),
   ).then((values) => values);
 
   // sort by name

diff --git a/src/utils/moduleMembersFilter.ts b/src/utils/moduleMembersFilter.ts
@@ -8,7 +8,7 @@ import TEAM_JSON from '~/data/team.json';
  * @returns
  */
 export default async function ModuleMembersFilter(
-  module: string
+  module: string,
 ): Promise<ModuleMemberType[]> {
   const AllTeamMembers: ModuleMemberType[] = await Promise.all(
     TEAM_JSON.map(async (member) => {
@@ -24,11 +24,11 @@ export default async function ModuleMembersFilter(
         ...member,
         blurDataURL: base64,
       };
-    })
+    }),
   ).then((values) => values);
 
   const FilteredTeamMembers = AllTeamMembers.filter((member) =>
-    member.modules.includes(module)
+    member.modules.includes(module),
   );
 
   FilteredTeamMembers.sort((a, b) => {

diff --git a/yarn.lock b/yarn.lock
@@ -8163,10 +8163,10 @@ prettier-plugin-tailwindcss@0.6.1:
   resolved "https://registry.yarnpkg.com/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.6.1.tgz#6cb1f5f3e1a8d8b5ea3f97d19be516d9ce9931bf"
   integrity sha512-AnbeYZu0WGj+QgKciUgdMnRxrqcxltleZPgdwfA5104BHM3siBLONN/HLW1yS2HvzSNkzpQ/JAj+LN0jcJO+0w==
 
-prettier@^2.7.1:
-  version "2.8.8"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.8.tgz#e8c5d7e98a4305ffe3de2e1fc4aca1a71c28b1da"
-  integrity sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==
+prettier@3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.3.0.tgz#d173ea0524a691d4c0b1181752f2b46724328cdf"
+  integrity sha512-J9odKxERhCQ10OC2yb93583f6UnYutOeiV5i0zEDS7UGTdUt0u+y8erxl3lBKvwo/JHyyoEdXjwp4dke9oyZ/g==
 
 pretty-format@^27.0.2, pretty-format@^27.5.1:
   version "27.5.1"
-Original file line number
+Diff line change
@@ Expand Up @@
             {children}
           </a>
         );
-      }
+      },
     );
     export default UnstyledLink;