add NEW badge for telegram channels

dominicarrojado · Apr 10, 2024 · 1560b31 · 1560b31
1 parent 03e8c0d
commit 1560b31
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 10 deletions.
diff --git 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
@@ -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
@@ -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>