add the link for website planet interview

NotesHubApp · Jan 21, 2025 · 03314ef · 03314ef
1 parent 4befb43
commit 03314ef
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 1 deletion.
diff --git a/components/home/AnnouncementBadge.tsx b/components/home/AnnouncementBadge.tsx
@@ -67,6 +67,15 @@ export function AnnouncementBadge({ announcement }: AnnouncementBadgeProps) {
           </Link>
         )
 
+      case 'externalLink':
+        return (
+          <Link className={ classes.announcementContainer } href={ announcement.url } target="_blank" rel="noopener">
+            <div className={ classes.announcementIndicator } />
+            <span className={ classes.announcementText }>{ announcement.title }</span>
+            <ArrowCircleRightIcon />
+          </Link>
+        )
+
       case 'productHunt':
         return (
           <ProductHuntAnnouncementBadge

diff --git a/data/announcement.ts b/data/announcement.ts
@@ -9,10 +9,16 @@ const postAnnouncement: Announcement | undefined = latestPost ? {
   url: Routes.blogPost(latestPost)
 } : undefined
 
+const externalLinkAnnouncement: Announcement = {
+  type: 'externalLink',
+  title: 'Interview with Website Planet',
+  url: 'https://www.websiteplanet.com/blog/noteshub-interview'
+}
+
 const productHuntAnnouncement: Announcement = {
   type: 'productHunt',
   postId: '451685',
   postSlug: 'noteshub-3-3'
 }
 
-export default postAnnouncement
+export default externalLinkAnnouncement
diff --git a/models/Announcement.ts b/models/Announcement.ts
@@ -4,6 +4,12 @@ export type PostAnnouncement = {
   url: string
 }
 
+export type ExternalLinkAnnouncement = {
+  type: 'externalLink'
+  title: string
+  url: string
+}
+
 export type ProductHuntAnnouncement = {
   type: 'productHunt'
   postId: string
@@ -12,4 +18,5 @@ export type ProductHuntAnnouncement = {
 
 export type Announcement =
   | PostAnnouncement
+  | ExternalLinkAnnouncement
   | ProductHuntAnnouncement