From 1560b31371787d6794f97df6929a88b663f5624b Mon Sep 17 00:00:00 2001
From: Dominic Arrojado <dominicarrojado@gmail.com>
Date: Wed, 10 Apr 2024 14:43:42 +0800
Subject: [PATCH] add NEW badge for telegram channels

---
 app/page-separator.tsx    | 2 +-
 app/subscribe-form.tsx    | 7 ++-----
 app/telegram-channels.tsx | 8 ++++----
 3 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/app/page-separator.tsx b/app/page-separator.tsx
index ba58e22..03a019b 100644
--- a/app/page-separator.tsx
+++ b/app/page-separator.tsx
@@ -5,7 +5,7 @@ import { Separator, SeparatorText } from "@/components/ui/separator";
 export default function PageSeparator() {
   return (
     <Separator className="my-10 relative">
-      <SeparatorText>AND</SeparatorText>
+      <SeparatorText>OR</SeparatorText>
     </Separator>
   );
 }
diff --git a/app/subscribe-form.tsx b/app/subscribe-form.tsx
index 4dc97c0..e72ddd9 100644
--- a/app/subscribe-form.tsx
+++ b/app/subscribe-form.tsx
@@ -2,7 +2,7 @@
 
 import Link from "next/link";
 import React, { FormEvent, useState } from "react";
-import { AlertCircle, AtSignIcon, Loader2Icon } from "lucide-react";
+import { AlertCircle, Loader2Icon } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import {
   Card,
@@ -70,10 +70,7 @@ export default function SubscribeForm() {
       <form onSubmit={onSubmit}>
         <Card className="w-full">
           <CardHeader>
-            <CardTitle className="flex gap-2 items-center">
-              <AtSignIcon />
-              Email Notifications
-            </CardTitle>
+            <CardTitle>Email Notifications</CardTitle>
             <CardTitle className="!mt-6">1️⃣ &nbsp;First Step</CardTitle>
             <CardDescription>
               Choose at least one topic you want to get notified about via
diff --git a/app/telegram-channels.tsx b/app/telegram-channels.tsx
index a1873b9..cc37caa 100644
--- a/app/telegram-channels.tsx
+++ b/app/telegram-channels.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { ExternalLink, SendIcon } from "lucide-react";
+import { ExternalLink } from "lucide-react";
 import {
   Card,
   CardContent,
@@ -9,6 +9,7 @@ import {
   CardTitle,
 } from "@/components/ui/card";
 import { Anchor } from "@/components/ui/anchor";
+import { Badge } from "@/components/ui/badge";
 import { TELEGRAM_PUBLIC_CHANNELS } from "@/lib/content";
 import { TELEGRAM_SHORT_URL } from "@/lib/constants";
 
@@ -17,12 +18,11 @@ export default function TelegramChannels() {
     <Card className="w-full">
       <CardHeader>
         <CardTitle className="flex gap-2 items-center">
-          <SendIcon />
-          Telegram Channels
+          Telegram Channels <Badge>NEW</Badge>
         </CardTitle>
         <CardDescription>
           Subscribe to the channels below if you want to receive notifications
-          via Telegram.
+          via Telegram. <br />
         </CardDescription>
       </CardHeader>
       <CardContent>