feat: Use outline icons for mail/telegram

Changes icons on board member info page
Tietokilta · Oct 24, 2024 · 9d0b41e · 9d0b41e
1 parent b404712
commit 9d0b41e
Show file tree

Hide file tree

Showing 4 changed files with 43 additions and 3 deletions.
diff --git a/apps/web/src/components/board-grid/index.tsx b/apps/web/src/components/board-grid/index.tsx
@@ -1,5 +1,5 @@
 import type { Board, BoardMember, Media } from "@tietokilta/cms-types/payload";
-import { GmailIcon, TelegramIcon, PhoneIcon } from "@tietokilta/ui";
+import { MailIcon, SendIcon, PhoneIcon } from "@tietokilta/ui";
 import Image from "next/image";
 import TikLogo from "../../assets/TiK-logo.png";
 import { cn, insertSoftHyphens } from "../../lib/utils";
@@ -35,7 +35,7 @@ function BoardMemberCard({ boardMember }: { boardMember: BoardMember }) {
               className="flex items-center gap-1"
               href={`mailto:${boardMember.email}`}
             >
-              <GmailIcon className="size-6 shrink-0" />
+              <MailIcon className="size-6 shrink-0" />
               <span className="underline">
                 {insertSoftHyphens(boardMember.email)}
               </span>
@@ -48,7 +48,7 @@ function BoardMemberCard({ boardMember }: { boardMember: BoardMember }) {
               rel="noopener noreferrer"
               target="_blank"
             >
-              <TelegramIcon className="size-6 shrink-0" />
+              <SendIcon className="size-6 shrink-0" />
               <span className="underline">{boardMember.telegram}</span>
             </a>
           ) : null}

diff --git a/packages/cms-types/payload.ts b/packages/cms-types/payload.ts
@@ -38,10 +38,12 @@ export type LinkRowBlockLink =
         | 'Instagram'
         | 'Languages'
         | 'Linkedin'
+        | 'Mail'
         | 'MapPin'
         | 'Megaphone'
         | 'Menu'
         | 'MoreHorizontal'
+        | 'PaperAirplane'
         | 'Phone'
         | 'Telegram'
         | 'TikLogo'
@@ -157,10 +159,12 @@ export interface Page {
         | 'Instagram'
         | 'Languages'
         | 'Linkedin'
+        | 'Mail'
         | 'MapPin'
         | 'Megaphone'
         | 'Menu'
         | 'MoreHorizontal'
+        | 'PaperAirplane'
         | 'Phone'
         | 'Telegram'
         | 'TikLogo'
@@ -237,10 +241,12 @@ export interface Topic {
         | 'Instagram'
         | 'Languages'
         | 'Linkedin'
+        | 'Mail'
         | 'MapPin'
         | 'Megaphone'
         | 'Menu'
         | 'MoreHorizontal'
+        | 'PaperAirplane'
         | 'Phone'
         | 'Telegram'
         | 'TikLogo'
@@ -909,10 +915,12 @@ export interface MainNavigationTopicConfig {
                 | 'Instagram'
                 | 'Languages'
                 | 'Linkedin'
+                | 'Mail'
                 | 'MapPin'
                 | 'Megaphone'
                 | 'Menu'
                 | 'MoreHorizontal'
+                | 'PaperAirplane'
                 | 'Phone'
                 | 'Telegram'
                 | 'TikLogo'

diff --git a/packages/cms-types/schema.gql b/packages/cms-types/schema.gql
@@ -516,10 +516,12 @@ enum Page_icon {
   Instagram
   Languages
   Linkedin
+  Mail
   MapPin
   Megaphone
   Menu
   MoreHorizontal
+  PaperAirplane
   Phone
   Telegram
   TikLogo
@@ -590,10 +592,12 @@ enum Topic_icon {
   Instagram
   Languages
   Linkedin
+  Mail
   MapPin
   Megaphone
   Menu
   MoreHorizontal
+  PaperAirplane
   Phone
   Telegram
   TikLogo
@@ -714,10 +718,12 @@ enum Page_icon_Input {
   Instagram
   Languages
   Linkedin
+  Mail
   MapPin
   Megaphone
   Menu
   MoreHorizontal
+  PaperAirplane
   Phone
   Telegram
   TikLogo
@@ -1320,10 +1326,12 @@ enum PageVersion_Version_icon {
   Instagram
   Languages
   Linkedin
+  Mail
   MapPin
   Megaphone
   Menu
   MoreHorizontal
+  PaperAirplane
   Phone
   Telegram
   TikLogo
@@ -1475,10 +1483,12 @@ enum versionsPage_version__icon_Input {
   Instagram
   Languages
   Linkedin
+  Mail
   MapPin
   Megaphone
   Menu
   MoreHorizontal
+  PaperAirplane
   Phone
   Telegram
   TikLogo
@@ -3106,10 +3116,12 @@ enum Topic_icon_Input {
   Instagram
   Languages
   Linkedin
+  Mail
   MapPin
   Megaphone
   Menu
   MoreHorizontal
+  PaperAirplane
   Phone
   Telegram
   TikLogo
@@ -8706,10 +8718,12 @@ enum LinkRowBlockLink_icon {
   Instagram
   Languages
   Linkedin
+  Mail
   MapPin
   Megaphone
   Menu
   MoreHorizontal
+  PaperAirplane
   Phone
   Telegram
   TikLogo
@@ -9217,10 +9231,12 @@ enum MainNavigationTopicConfig_Categories_ExternalLinks_icon {
   Instagram
   Languages
   Linkedin
+  Mail
   MapPin
   Megaphone
   Menu
   MoreHorizontal
+  PaperAirplane
   Phone
   Telegram
   TikLogo
@@ -14953,10 +14969,12 @@ enum Page_icon_MutationInput {
   Instagram
   Languages
   Linkedin
+  Mail
   MapPin
   Megaphone
   Menu
   MoreHorizontal
+  PaperAirplane
   Phone
   Telegram
   TikLogo
@@ -15041,10 +15059,12 @@ enum PageUpdate_icon_MutationInput {
   Instagram
   Languages
   Linkedin
+  Mail
   MapPin
   Megaphone
   Menu
   MoreHorizontal
+  PaperAirplane
   Phone
   Telegram
   TikLogo
@@ -15184,10 +15204,12 @@ enum Topic_icon_MutationInput {
   Instagram
   Languages
   Linkedin
+  Mail
   MapPin
   Megaphone
   Menu
   MoreHorizontal
+  PaperAirplane
   Phone
   Telegram
   TikLogo
@@ -15235,10 +15257,12 @@ enum TopicUpdate_icon_MutationInput {
   Instagram
   Languages
   Linkedin
+  Mail
   MapPin
   Megaphone
   Menu
   MoreHorizontal
+  PaperAirplane
   Phone
   Telegram
   TikLogo
@@ -16204,10 +16228,12 @@ enum MainNavigation_Items_TopicConfig_Categories_ExternalLinks_icon_MutationInpu
   Instagram
   Languages
   Linkedin
+  Mail
   MapPin
   Megaphone
   Menu
   MoreHorizontal
+  PaperAirplane
   Phone
   Telegram
   TikLogo

diff --git a/packages/ui/lib/icons/index.tsx b/packages/ui/lib/icons/index.tsx
@@ -31,11 +31,13 @@ import {
   ImageIcon,
   InboxIcon,
   LanguagesIcon,
+  MailIcon,
   MapPinIcon,
   MegaphoneIcon,
   MenuIcon,
   MoreHorizontalIcon,
   PhoneIcon,
+  SendIcon,
   XIcon,
   HandshakeIcon,
 } from "lucide-react";
@@ -73,10 +75,12 @@ export const icons = {
   Instagram: InstagramIcon,
   Languages: LanguagesIcon,
   Linkedin: LinkedinIcon,
+  Mail: MailIcon,
   MapPin: MapPinIcon,
   Megaphone: MegaphoneIcon,
   Menu: MenuIcon,
   MoreHorizontal: MoreHorizontalIcon,
+  PaperAirplane: SendIcon,
   Phone: PhoneIcon,
   Telegram: TelegramIcon,
   TikLogo,
@@ -116,11 +120,13 @@ export {
   InstagramIcon,
   LanguagesIcon,
   LinkedinIcon,
+  MailIcon,
   MapPinIcon,
   MegaphoneIcon,
   MenuIcon,
   MoreHorizontalIcon,
   PhoneIcon,
+  SendIcon,
   TelegramIcon,
   TikLogo,
   TiktokIcon,