Change ui.dev to Fireship

src/components/DocsCalloutBytes.tsx

@@ -8,8 +8,8 @@ export function DocsCalloutBytes(props: React.HTMLProps<HTMLDivElement>) {
           Subscribe to Bytes
         </h6>
         <p className="text-xs md:text-xs">
-          Your weekly dose of JavaScript news. Delivered every Monday to over
-          100,000 devs, for free.
+          Your weekly dose of JavaScript news. Delivered every Tuesday and
+          Friday to over 200,000 devs, for free.
         </p>
       </div>
       <BytesForm />

src/components/DocsLayout.tsx

@@ -255,7 +255,7 @@
 }
 
 // Helper to get text color class from framework badge
 const getFrameworkTextColor = (frameworkValue: string | undefined) => {
   if (!frameworkValue) return 'text-gray-500'
   const framework = frameworkOptions.find((f) => f.value === frameworkValue)
 
@@ -789,7 +789,7 @@
                     </a>
                   </div>
                   {activePartners
-                    .filter((d) => d.id !== 'ui-dev')
+                    .filter((d) => d.id !== 'fireship')
                     .map((partner) => {
                       // flexBasis as percentage based on score, flexGrow to fill remaining row space
                       const widthPercent = Math.round(partner.score * 100)

src/components/LogoQueryGG.tsx

@@ -213,7 +213,7 @@ export function LogoQueryGG(props: React.HTMLProps<HTMLDivElement>) {
         <path
           fill="#231f20"
           className="fill-gray-800 dark:fill-gray-100"
-          d="M549.98 19.75h-61.25L549.98 81l61.25-61.25h-61.25zm10.55 13.09c1.26 0 2.38 1 2.39 2.23-.02 1.26-1.14 2.26-2.39 2.26-1.33 0-2.41-1-2.39-2.26-.02-1.23 1.07-2.23 2.39-2.23zm-5.33 9.11c0 4.47-3.57 6.88-9.06 6.88s-9.06-2.41-9.06-6.88V29.04h5.7v12.68c0 1.45 1.27 2.44 3.36 2.44s3.4-.99 3.4-2.44V29.04h5.66v12.91zm7.69-.33c-.2 2.63-1.23 5.1-1.88 6.52l-.28.67h-.82l-1.51.01h-1.6l.45-1.43c.44-1.5.98-3.68.98-5.78l-.02-1.21h4.67v1.21z"
+          d="M550,18.47h-62.53l62.53,62.53,62.53-62.53h-62.53ZM554.77,55.22c.12-.59.3-1.17.35-1.76.04-.57-.06-1.14-.12-1.87-.75.87-1.28,1.61-1.98,2.24-.74.66-1.84.82-3.03.94.15-.47.3-.84.39-1.22.2-.78,0-1.5-.72-2.1-.7-.59-1.39-1.18-2.17-1.71-1.67-1.14-2.22-2.59-2.15-4.22,0-.18,0-.36-.1-.57-1.41,1.49-2.33,3.13-2.63,4.96-.31,1.92.6,3.55,2.37,5.15-.43-.1-.62-.13-.79-.19-5.22-1.85-7.34-6.07-4.95-10.21.96-1.67,2.27-3.24,3.58-4.77,2.36-2.77,3.57-5.79,3.9-9.05.01-.15.04-.29.07-.43.01-.06.07-.11.11-.17.08.02.18.02.23.05,3.52,2.95,6.45,6.17,7.97,10.03,1.14,2.89,1.12,5.71-.89,8.41-.09.12-.11.26-.18.41,1.86-.21,3.97-1.9,4.39-3.41.42-1.52.22-2.98-.43-4.43-.11-.23-.2-.47-.31-.72,1.89.38,4.15,4.26,4.05,6.91-.14,3.63-3.33,7.18-6.95,7.73Z"
         />
       </svg>
     </div>

src/components/LogoQueryGGSmall.tsx

@@ -220,7 +220,7 @@ export function LogoQueryGGSmall(props: React.HTMLProps<HTMLDivElement>) {
         <path
           fill="#231f20"
           className="fill-gray-800 dark:fill-gray-100"
-          d="M128 .35h-21.97L128 22.32 149.97.35H128zm3.78 4.7c.45 0 .85.36.86.8 0 .45-.41.81-.86.81-.48 0-.87-.36-.86-.81 0-.44.38-.8.86-.8zm-1.91 3.27c0 1.6-1.28 2.47-3.25 2.47s-3.25-.86-3.25-2.47V3.68h2.04v4.55c0 .52.46.88 1.21.88s1.22-.36 1.22-.88V3.68h2.03v4.63zm2.76-.12c-.07.94-.44 1.83-.67 2.34l-.1.24h-1.4l.16-.51c.16-.54.35-1.32.35-2.07v-.43h1.67v.43z"
+          d="M128,.35h-21.97l21.97,21.97L149.97.35h-21.97ZM129.68,13.27c.04-.21.11-.41.12-.62.01-.2-.02-.4-.04-.66-.27.3-.45.57-.7.79-.26.23-.65.29-1.07.33.05-.17.1-.3.14-.43.07-.27,0-.53-.25-.74-.25-.21-.49-.42-.76-.6-.59-.4-.78-.91-.75-1.48,0-.06,0-.13-.04-.2-.49.52-.82,1.1-.92,1.74-.11.68.21,1.25.83,1.81-.15-.04-.22-.04-.28-.07-1.83-.65-2.58-2.13-1.74-3.59.34-.59.8-1.14,1.26-1.68.83-.97,1.26-2.04,1.37-3.18,0-.05.01-.1.02-.15,0-.02.02-.04.04-.06.03,0,.06,0,.08.02,1.24,1.04,2.27,2.17,2.8,3.52.4,1.01.39,2.01-.31,2.96-.03.04-.04.09-.06.14.65-.08,1.4-.67,1.54-1.2.15-.53.08-1.05-.15-1.56-.04-.08-.07-.16-.11-.25.67.13,1.46,1.5,1.42,2.43-.05,1.28-1.17,2.52-2.44,2.72Z"
         />
       </svg>
     </div>

src/routes/learn.tsx

@@ -78,7 +78,7 @@ function LearnPage() {
                 <div className="text-sm opacity-70 mt-2">
                   Created by{' '}
                   <span className="font-bold">Dominik Dorfmeister</span> and{' '}
-                  <span className="font-bold">ui.dev</span>
+                  <span className="font-bold">Fireship</span>
                 </div>
               </div>
 

src/utils/gh-sponsor-meta.json

@@ -250,9 +250,9 @@
     "linkUrl": "https://tripwire.com/?utm_source=tanstack"
   },
   {
-    "login": "uidotdev",
-    "name": "ui.dev",
-    "linkUrl": "https://ui.dev/react-query?from=tanstack"
+    "login": "fireship-io",
+    "name": "Fireship",
+    "linkUrl": "https://fireship.dev/react-query?from=tanstack"
   },
   {
     "login": "perscharbel",

src/utils/partners.tsx

@@ -1,7 +1,7 @@
 import agGridDarkSvg from '~/images/ag-grid-dark.svg'
 import agGridLightSvg from '~/images/ag-grid-light.svg'
 import nozzleImage from '~/images/nozzle.png'
-import bytesUidotdevImage from '~/images/bytes-uidotdev.png'
+import bytesFireshipImage from '~/images/bytes-fireship.png'
 import vercelLightSvg from '~/images/vercel-light.svg'
 import vercelDarkSvg from '~/images/vercel-dark.svg'
 import netlifyLightSvg from '~/images/netlify-light.svg'
@@ -443,19 +443,19 @@ const sentry = (() => {
   }
 })()
 
-const uiDev = (() => {
+const fireship = (() => {
   const href = 'https://bytes.dev?utm_source-tanstack&utm_campaign=tanstack'
 
   return {
-    name: 'UI.dev',
-    id: 'ui-dev',
+    name: 'Fireship',
+    id: 'fireship',
     libraries: [],
     status: 'active' as const,
     score: 0.014,
     href,
     tagline: 'Dev Education',
     image: {
-      src: bytesUidotdevImage,
+      src: bytesFireshipImage,
     },
     llmDescription:
       'Educational platform and Bytes.dev newsletter. Official learning resources and news partner for the TanStack ecosystem.',
@@ -472,14 +472,14 @@ const uiDev = (() => {
             className="text-blue-500 underline cursor-pointer p-0 m-0 bg-transparent border-none inline"
             onClick={() =>
               window.open(
-                'https://ui.dev/?utm_source=tanstack&utm_campaign=tanstack',
+                'https://fireship.dev/?utm_source=tanstack&utm_campaign=tanstack',
                 '_blank',
                 'noopener,noreferrer',
               )
             }
             tabIndex={0}
           >
-            ui.dev
+            Fireship
           </button>{' '}
           to <strong>provide best-in-class education</strong> about TanStack
           products. It doesn't stop at TanStack though, with their sister
@@ -842,7 +842,7 @@ export const partners: Partner[] = [
   prisma,
   strapi,
   unkey,
-  uiDev,
+  fireship,
   nozzle,
   vercel,
   speakeasy,