Use named exports for cards

haydenbleasel · Sep 30, 2024 · f80b83a · f80b83a
1 parent 5d2db23
commit f80b83a
Show file tree

Hide file tree

Showing 6 changed files with 11 additions and 21 deletions.
diff --git a/app/(pages)/(home)/cards/github.tsx b/app/(pages)/(home)/cards/github.tsx
@@ -5,7 +5,7 @@ import { get } from '@vercel/edge-config';
 import type { ReactElement } from 'react';
 import ActivityCalendar from 'rsc-activity-calendar';
 
-const GitHubCard = async (): Promise<ReactElement> => {
+export const GitHubCard = async (): Promise<ReactElement> => {
   const github = await get<GitHubProperties>('github');
 
   if (!github) {
@@ -46,5 +46,3 @@ const GitHubCard = async (): Promise<ReactElement> => {
     </Card>
   );
 };
-
-export default GitHubCard;
diff --git a/app/(pages)/(home)/cards/spotify/index.tsx b/app/(pages)/(home)/cards/spotify/index.tsx
@@ -4,10 +4,9 @@ import { Link } from '@/components/link';
 import { get } from '@vercel/edge-config';
 import Image from 'next/image';
 import type { ReactElement } from 'react';
-
 import Vinyl from './vinyl.png';
 
-const SpotifyCard = async (): Promise<ReactElement> => {
+export const SpotifyCard = async (): Promise<ReactElement> => {
   const song = await get<SpotifyProperties>('spotify');
 
   if (!song) {
@@ -46,5 +45,3 @@ const SpotifyCard = async (): Promise<ReactElement> => {
     </Card>
   );
 };
-
-export default SpotifyCard;
diff --git a/app/(pages)/(home)/cards/steam.tsx b/app/(pages)/(home)/cards/steam.tsx
@@ -5,7 +5,7 @@ import { get } from '@vercel/edge-config';
 import Image from 'next/image';
 import type { ReactElement } from 'react';
 
-const SteamCard = async (): Promise<ReactElement> => {
+export const SteamCard = async (): Promise<ReactElement> => {
   const game = await get<GameProperties>('steam');
 
   if (!game) {
@@ -43,5 +43,3 @@ const SteamCard = async (): Promise<ReactElement> => {
     </Card>
   );
 };
-
-export default SteamCard;
diff --git a/app/(pages)/(home)/cards/typefully.tsx b/app/(pages)/(home)/cards/typefully.tsx
@@ -3,7 +3,7 @@ import { Card } from '@/components/card';
 import { get } from '@vercel/edge-config';
 import type { ReactElement } from 'react';
 
-const TypefullyCard = async (): Promise<ReactElement> => {
+export const TypefullyCard = async (): Promise<ReactElement> => {
   const tweets = await get<TypefullyProperties[]>('typefully');
 
   if (!tweets) {
@@ -19,6 +19,7 @@ const TypefullyCard = async (): Promise<ReactElement> => {
         <div key={tweet.id} className="flex items-center gap-2 text-sm">
           <div
             className="truncate"
+            // biome-ignore lint/security/noDangerouslySetInnerHtml: <explanation>
             dangerouslySetInnerHTML={{
               __html: tweet.html.replace(/<br\s*\/?>/g, ' '),
             }}
@@ -34,5 +35,3 @@ const TypefullyCard = async (): Promise<ReactElement> => {
     </Card>
   );
 };
-
-export default TypefullyCard;
diff --git a/app/(pages)/(home)/cards/video.tsx b/app/(pages)/(home)/cards/video.tsx
@@ -2,10 +2,8 @@ import { Card } from '@/components/card';
 import { Video } from '@/components/video';
 import type { ReactElement } from 'react';
 
-const VideoCard = async (): Promise<ReactElement> => (
+export const VideoCard = async (): Promise<ReactElement> => (
   <Card title="Latest Drone Video">
     <Video url="https://youtu.be/5NOgrMM72k8" controls />
   </Card>
 );
-
-export default VideoCard;
diff --git a/app/(pages)/(home)/page.tsx b/app/(pages)/(home)/page.tsx
@@ -5,11 +5,11 @@ import Image from 'next/image';
 import { type FC, Suspense } from 'react';
 import Avatar from './avatar.jpg';
 import { AnnouncementCard } from './cards/announcement';
-import GitHubCard from './cards/github';
-import SpotifyCard from './cards/spotify';
-import SteamCard from './cards/steam';
-import TypefullyCard from './cards/typefully';
-import VideoCard from './cards/video';
+import { GitHubCard } from './cards/github';
+import { SpotifyCard } from './cards/spotify';
+import { SteamCard } from './cards/steam';
+import { TypefullyCard } from './cards/typefully';
+import { VideoCard } from './cards/video';
 import { Location } from './components/location';
 import { Newsletter } from './components/newsletter';