fix: changes all instance of Neymar to Neynar

apps/web/next.config.js

@@ -112,7 +112,7 @@ const contentSecurityPolicy = {
     'https://browser-intake-datadoghq.com', // datadog
     'https://*.datadoghq.com', //datadog
     'https://translate.googleapis.com', // Let user translate our website
-    'https://sdk-api.neynar.com/', // Neymar API
+    'https://sdk-api.neynar.com/', // Neynar API
     'https://unpkg.com/@lottiefiles/[email protected]/dist/dotlottie-player.wasm', // lottie player
     `https://${process.env.NEXT_PUBLIC_PINATA_GATEWAY_URL}`,
   ],

apps/web/src/components/Basenames/UsernameProfileCasts/index.tsx

@@ -2,7 +2,7 @@
 
 import { useUsernameProfile } from 'apps/web/src/components/Basenames/UsernameProfileContext';
 import UsernameProfileSectionTitle from 'apps/web/src/components/Basenames/UsernameProfileSectionTitle';
-import NeymarCast from 'apps/web/src/components/NeymarCast';
+import NeynarCast from 'apps/web/src/components/NeynarCast';
 import useReadBaseEnsTextRecords from 'apps/web/src/hooks/useReadBaseEnsTextRecords';
 
 export default function UsernameProfileCasts() {
@@ -22,7 +22,7 @@ export default function UsernameProfileCasts() {
       <ul className="mt-6 grid grid-cols-1 gap-8 md:grid-cols-2">
         {casts.map((cast) => (
           <li key={cast}>
-            <NeymarCast identifier={cast} type="url" />
+            <NeynarCast identifier={cast} type="url" />
           </li>
         ))}
       </ul>

apps/web/src/components/NeymarCast/index.tsx → apps/web/src/components/NeynarCast/index.tsx

@@ -1,8 +1,8 @@
 'use client';
 
 import ImageWithLoading from 'apps/web/src/components/ImageWithLoading';
-import NeymarFrame from 'apps/web/src/components/NeymarFrame';
-import { fetchCast, NeymarCastData } from 'apps/web/src/utils/frames';
+import NeynarFrame from 'apps/web/src/components/NeynarFrame';
+import { fetchCast, NeynarCastData } from 'apps/web/src/utils/frames';
 import Link from 'next/link';
 import { MouseEvent, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import Hls from 'hls.js';
@@ -102,14 +102,14 @@ function ParagraphWithLinks({ text }: { text: string }) {
   return textWithLinks;
 }
 
-export default function NeymarCast({
+export default function NeynarCast({
   identifier,
   type,
 }: {
   identifier: string;
   type: 'url' | 'hash';
 }) {
-  const [data, setData] = useState<NeymarCastData['cast']>();
+  const [data, setData] = useState<NeynarCastData['cast']>();
   const { logError } = useErrors();
   useEffect(() => {
     fetchCast({ type, identifier })
@@ -208,7 +208,7 @@ export default function NeymarCast({
         <ul className="flex flex-col gap-2">
           {frames.map((frame) => (
             <li key={frame.title}>
-              <NeymarFrame frame={frame} hash={hash} />
+              <NeynarFrame frame={frame} hash={hash} />
             </li>
           ))}
         </ul>

apps/web/src/components/NeymarFrame/index.tsx → apps/web/src/components/NeynarFrame/index.tsx

@@ -1,9 +1,9 @@
 import ImageWithLoading from 'apps/web/src/components/ImageWithLoading';
 import { NeynarFrame } from 'apps/web/src/utils/frames';
 
-// Frame displayed from Neymar API data
+// Frame displayed from Neynar API data
 // No buttons or interactions for now, just a link to the frame source
-export default function NeymarFrame({ frame }: { hash: string; frame: NeynarFrame }) {
+export default function NeynarFrame({ frame }: { hash: string; frame: NeynarFrame }) {
   return (
     <div className="overflow-hidden rounded-3xl border border-gray-40/20">
       {frame.frames_url && (

apps/web/src/utils/frames.ts

@@ -1,7 +1,7 @@
 import { encodeUrlQueryParams } from 'apps/web/src/utils/urls';
 
-// TODO: There's way more that neymar returns but we only need this for now
-export type NeymarButton = {
+// TODO: There's way more that Neynar returns but we only need this for now
+export type NeynarButton = {
   action_type: string;
   index: number;
   post_url: string;
@@ -10,7 +10,7 @@ export type NeymarButton = {
 };
 
 export type NeynarFrame = {
-  buttons: NeymarButton[];
+  buttons: NeynarButton[];
   frames_url: string;
   image: string;
   image_aspect_ratio: string;
@@ -24,11 +24,11 @@ export type NeynarEmbed = {
   url: string;
 };
 
-export type NeymarEmbedCast = {
+export type NeynarEmbedCast = {
   cast_id: { fid: number; hash: string };
 };
 
-export type NeymarCastData = {
+export type NeynarCastData = {
   cast: {
     frames: NeynarFrame[];
     embeds: NeynarEmbed[];
@@ -60,7 +60,7 @@ export async function fetchCast({
   };
   try {
     const response = await fetch(url, options);
-    const data = (await response.json()) as NeymarCastData;
+    const data = (await response.json()) as NeynarCastData;
     return data.cast;
   } catch (error) {}
 }