Feat(utils): update social media handle

src/config/theme/default.ts

@@ -12,7 +12,7 @@ const DEFAULT_BASE_THEME: ThemeConfig = {
       description: "All in one place.",
       image:
         "https://assets.alleslabs.dev/celatone-brand/socials/celatone-ogimg.jpg",
-      twitter: {
+      x: {
         handle: "@celatone_",
         cardType: "summary_large_image",
       },
@@ -88,7 +88,7 @@ const DEFAULT_BASE_THEME: ThemeConfig = {
   socialMedia: {
     website: "https://initia.xyz",
     github: "https://github.com/initia-labs",
-    twitter: "https://x.com/initiaFDN",
+    x: "https://x.com/initia",
     medium: "https://medium.com/@initiafdn",
   },
 };

src/config/theme/initia.ts

@@ -12,8 +12,8 @@ const INITIA_BASE_THEME: ThemeConfig = {
       description: "Initia, a network for interwoven rollups",
       image:
         "https://assets.alleslabs.dev/celatone-brand/socials/scan-ogimage.jpg",
-      twitter: {
-        handle: "@initiafdn",
+      x: {
+        handle: "@initia",
         cardType: "summary_large_image",
       },
     },
@@ -88,7 +88,7 @@ const INITIA_BASE_THEME: ThemeConfig = {
   socialMedia: {
     website: "https://initia.xyz",
     github: "https://github.com/initia-labs",
-    twitter: "https://x.com/initiaFDN",
+    x: "https://x.com/initia",
     medium: "https://medium.com/@initiafdn",
   },
 };

src/config/theme/jennie.ts

@@ -12,8 +12,8 @@ const JENNIE_BASE_THEME: ThemeConfig = {
       description: "Initia, a network for interwoven rollups",
       image:
         "https://assets.alleslabs.dev/celatone-brand/socials/scan-ogimage.jpg",
-      twitter: {
-        handle: "@initiafdn",
+      x: {
+        handle: "@initia",
         cardType: "summary_large_image",
       },
     },
@@ -88,7 +88,7 @@ const JENNIE_BASE_THEME: ThemeConfig = {
   socialMedia: {
     website: "https://initia.xyz",
     github: "https://github.com/initia-labs",
-    twitter: "https://x.com/initiaFDN",
+    x: "https://x.com/initia",
     medium: "https://medium.com/@initiafdn",
   },
 };

src/config/theme/sei.ts

@@ -13,7 +13,7 @@ const SEI_BASE_THEME: ThemeConfig = {
       description:
         "Explore, deploy, execute, and query smart contracts on Sei from a user-friendly web UI",
       image: "https://assets.alleslabs.dev/integrations/sei/cover.jpg",
-      twitter: {
+      x: {
         handle: "@SeiNetwork",
         cardType: "summary_large_image",
       },
@@ -95,7 +95,7 @@ const SEI_BASE_THEME: ThemeConfig = {
     website: "https://www.sei.io/",
     github: "https://github.com/sei-protocol/sei-chain",
     discord: "https://discord.com/invite/sei",
-    twitter: "https://twitter.com/SeiNetwork",
+    x: "https://x.com/SeiNetwork",
     telegram: "https://t.me/seinetwork",
   },
 };

src/config/theme/types.ts

@@ -7,7 +7,7 @@ export type ThemeConfig = {
       title: string;
       description: string;
       image: string;
-      twitter: {
+      x: {
         handle: string;
         cardType: string;
       };
@@ -84,7 +84,7 @@ export type ThemeConfig = {
     website?: string;
     github?: string;
     discord?: string;
-    twitter?: string;
+    x?: string;
     medium?: string;
     telegram?: string;
     reddit?: string;

src/lib/amplitude/types.ts

@@ -202,7 +202,6 @@ export enum AmpEvent {
   MINTSCAN = "Mintscan",
   WEBSITE = "Website",
   SOCIAL = "Social",
-  FEEDBACK = "Feedback",
   ALLESLABS = "AllesLabs",
 }
 

src/lib/components/Meta.tsx

@@ -36,7 +36,7 @@ const Meta = () => {
       {/* Twitter */}
       <meta
         property="twitter:card"
-        content={FALLBACK_THEME.branding.seo.twitter.cardType}
+        content={FALLBACK_THEME.branding.seo.x.cardType}
       />
       <meta property="twitter:title" content={title} />
       <meta

src/lib/components/Seo.tsx

@@ -29,8 +29,8 @@ export const CelatoneSeo = ({ pageName }: { pageName?: string }) => {
         ],
       }}
       twitter={{
-        handle: theme.branding.seo.twitter.handle,
-        cardType: theme.branding.seo.twitter.cardType,
+        handle: theme.branding.seo.x.handle,
+        cardType: theme.branding.seo.x.cardType,
       }}
     />
   );

src/lib/components/icon/SvgIcon.tsx

@@ -606,17 +606,6 @@ export const ICONS = {
     ),
     viewBox: "1 1 18 18",
   },
-  feedback: {
-    svg: (
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M4.44455 0C3.46273 0 2.66679 0.79594 2.66679 1.77779V2.6666H1.77776C0.859114 2.6666 0 3.37323 0 4.3809V11.8095C0 12.8172 0.859113 13.5238 1.77776 13.5238H2.66664V15.1111C2.66664 15.4146 2.82148 15.6971 3.0773 15.8604C3.33313 16.0237 3.65457 16.0451 3.92984 15.9173L9.08509 13.5238H11.5554C12.4741 13.5238 13.3332 12.8172 13.3332 11.8095V10.6667H14.2222C15.2041 10.6667 16 9.87077 16 8.88893V1.77779C16 0.795942 15.2041 0 14.2222 0H4.44455ZM13.3332 8.88893H14.2222V1.77779L4.44455 1.77779V2.6666H11.5554C12.4741 2.6666 13.3332 3.37323 13.3332 4.3809V8.88893ZM1.77776 4.44439V11.746H3.55552C4.04644 11.746 4.4444 12.144 4.4444 12.6349V13.7184L8.51449 11.8287C8.63176 11.7742 8.7595 11.746 8.8888 11.746H11.5554V4.44439H1.77776ZM4.88894 8.00014C4.88894 8.49106 4.49098 8.88903 4.00006 8.88903C3.50915 8.88903 3.11118 8.49106 3.11118 8.00014C3.11118 7.50922 3.50915 7.11125 4.00006 7.11125C4.49098 7.11125 4.88894 7.50922 4.88894 8.00014ZM7.55528 8.00014C7.55528 8.49106 7.15731 8.88903 6.6664 8.88903C6.17548 8.88903 5.77752 8.49106 5.77752 8.00014C5.77752 7.50922 6.17548 7.11125 6.6664 7.11125C7.15731 7.11125 7.55528 7.50922 7.55528 8.00014ZM9.33319 8.88903C9.82411 8.88903 10.2221 8.49106 10.2221 8.00014C10.2221 7.50922 9.82411 7.11125 9.33319 7.11125C8.84228 7.11125 8.44431 7.50922 8.44431 8.00014C8.44431 8.49106 8.84228 8.88903 9.33319 8.88903Z"
-        fill="currentColor"
-      />
-    ),
-    viewBox: viewboxDefault,
-  },
   file: {
     svg: (
       <path
@@ -1103,17 +1092,6 @@ export const ICONS = {
     ),
     viewBox: viewboxDefault,
   },
-  twitter: {
-    svg: (
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M13.0419 5.81675C13.0419 9.15183 10.5026 13 5.85864 13C4.43455 13 3.10471 12.5812 2 11.8586C2.19895 11.8848 2.39791 11.8953 2.60209 11.8953C3.78534 11.8953 4.87435 11.4921 5.73822 10.8168C4.63351 10.7958 3.70157 10.0681 3.3822 9.06283C3.53927 9.09424 3.69634 9.10995 3.85864 9.10995C4.08901 9.10995 4.31414 9.07853 4.52356 9.02094C3.36649 8.78534 2.49738 7.76963 2.49738 6.5445V6.51309C2.8377 6.70157 3.22513 6.81675 3.63874 6.82723C2.95812 6.37696 2.51309 5.60209 2.51309 4.72775C2.51309 4.26702 2.63874 3.83246 2.8534 3.46073C4.09948 4.98953 5.95812 5.99476 8.05759 6.09948C8.01047 5.91623 7.98953 5.72251 7.98953 5.52356C7.98953 4.13089 9.12042 3 10.5131 3C11.2408 3 11.8953 3.30366 12.356 3.79581C12.9319 3.68063 13.4712 3.4712 13.9581 3.18325C13.7696 3.77487 13.3717 4.26702 12.8482 4.58115C13.3613 4.51832 13.8482 4.3822 14.2984 4.18325C13.9581 4.6911 13.5288 5.13613 13.0366 5.49215C13.0419 5.59686 13.0419 5.70681 13.0419 5.81675Z"
-        fill="currentColor"
-      />
-    ),
-    viewBox: viewboxDefault,
-  },
   unjailed: {
     svg: (
       <>
@@ -1275,6 +1253,15 @@ export const ICONS = {
     ),
     viewBox: "0 0 24 24",
   },
+  x: {
+    svg: (
+      <path
+        d="M1.36643 2L6.51427 8.61869L1.33398 14H2.49995L7.03539 9.28847L10.6998 14H14.6673L9.22972 7.00909L14.0516 2H12.8856L8.70882 6.33909L5.33398 2H1.36643ZM3.08103 2.82578H4.90371L12.9525 13.1742H11.1298L3.08103 2.82578Z"
+        fill="currentColor"
+      />
+    ),
+    viewBox: "0 0 16 16",
+  },
 };
 
 export type SvgIconKeys = keyof typeof ICONS;

src/lib/layout/Footer.tsx

@@ -27,9 +27,9 @@ const socialMenu: SocialMenuType[] = [
     slug: "github",
   },
   {
-    url: "https://twitter.com/initiaFDN",
-    icon: "twitter",
-    slug: "twitter",
+    url: "https://x.com/initia",
+    icon: "x",
+    slug: "x",
   },
   {
     url: "https://medium.com/@initiafdn",
@@ -42,7 +42,7 @@ const socialSequence = {
   website: 0,
   github: 1,
   discord: 2,
-  twitter: 3,
+  x: 3,
   telegram: 4,
   medium: 5,
   reddit: 6,

src/lib/layout/InformationFooter.tsx

@@ -1,8 +1,7 @@
-import { track } from "@amplitude/analytics-browser";
 import { Flex, Skeleton, Text } from "@chakra-ui/react";
 import Link from "next/link";
 
-import { AmpEvent, trackWebsite } from "lib/amplitude";
+import { trackWebsite } from "lib/amplitude";
 import { useTierConfig } from "lib/app-provider";
 import type { IconKeys } from "lib/components/icon";
 import { CustomIcon } from "lib/components/icon";
@@ -18,12 +17,6 @@ const FOOTER_BUTTONS = [
     onClick: () =>
       trackWebsite(`${USER_GUIDE_DOCS_LINK}/introduction/overview`),
   },
-  {
-    href: "https://feedback.alleslabs.com",
-    icon: "feedback" as IconKeys,
-    text: "Feedback",
-    onClick: () => track(AmpEvent.FEEDBACK),
-  },
 ];
 
 export const InformationFooter = () => {

src/lib/pages/public-project/components/SocialMedia.tsx

@@ -7,8 +7,8 @@ import type { Option, PublicDetail } from "lib/types";
 
 export const renderSocial = (name: string): IconKeys => {
   switch (name) {
-    case "twitter":
-      return "twitter";
+    case "x":
+      return "x";
     case "telegram":
       return "telegram";
     case "discord":