Merge pull request #1240 from alleslabs/feature/update-social-link

Feat(utils): update social media handle

CHANGELOG.md

@@ -39,14 +39,15 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Features
 
-- [#1222](https://github.com/alleslabs/celatone-frontend/pull/1222) Update Scan required environment variable
+- [#1240](https://github.com/alleslabs/celatone-frontend/pull/1222) Update social media handle and naming convention from Celatone to Scan
 - [#1232](https://github.com/alleslabs/celatone-frontend/pull/1232) Support EVM verification with multiparts and standard JSON input for both Solidity and Vyper
 - [#1233](https://github.com/alleslabs/celatone-frontend/pull/1233) Support "move/" prefix hex module address in search
 - [#1230](https://github.com/alleslabs/celatone-frontend/pull/1230) Update EVM contract verify max width layout
 - [#1225](https://github.com/alleslabs/celatone-frontend/pull/1225) Validate EVM verification form options
 - [#1226](https://github.com/alleslabs/celatone-frontend/pull/1226) Show nonce on EVM tx details
 - [#1224](https://github.com/alleslabs/celatone-frontend/pull/1224) Support Vyper verification with contract code
 - [#1223](https://github.com/alleslabs/celatone-frontend/pull/1223) Support Vyper on EVM contract details
+- [#1222](https://github.com/alleslabs/celatone-frontend/pull/1222) Update Scan required environment variable
 - [#1220](https://github.com/alleslabs/celatone-frontend/pull/1220) Add EVM contract verification for Solidity with contract code (flattened method)
 - [#1219](https://github.com/alleslabs/celatone-frontend/pull/1219) Add tooltip to full editor sidebar
 - [#1218](https://github.com/alleslabs/celatone-frontend/pull/1218) Add EVM library contract

README.md

@@ -1,12 +1,12 @@
-# Celatone Frontend
+# Scan Frontend
 
 An explorer for a [CosmWasm](https://cosmwasm.com/)-powered [Cosmos](http://cosmos.network/) ecosystem.
 
 ## Development
 
 ### Stack
 
-The Celatone frontend uses the following technologies:
+The Scan frontend uses the following technologies:
 
 - Language: [TypeScript](https://www.typescriptlang.org/)
 - Framework: [React](https://reactjs.org/) & [Next.js](https://nextjs.org/)

public/font/main.css

@@ -1,4 +1,4 @@
- /* Celatone  */
+/* Scan  */
 @font-face {
   font-family: "PP Neue Montreal Regular";
   src: url("./PPNeueMontreal-Regular.woff");

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,8 +88,8 @@ const DEFAULT_BASE_THEME: ThemeConfig = {
   socialMedia: {
     website: "https://initia.xyz",
     github: "https://github.com/initia-labs",
-    twitter: "https://x.com/initiaFDN",
-    medium: "https://medium.com/@initiafdn",
+    x: "https://x.com/initia",
+    medium: "https://medium.com/@initialabs",
   },
 };
 

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,8 +88,8 @@ const INITIA_BASE_THEME: ThemeConfig = {
   socialMedia: {
     website: "https://initia.xyz",
     github: "https://github.com/initia-labs",
-    twitter: "https://x.com/initiaFDN",
-    medium: "https://medium.com/@initiafdn",
+    x: "https://x.com/initia",
+    medium: "https://medium.com/@initialabs",
   },
 };
 

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,8 +88,8 @@ const JENNIE_BASE_THEME: ThemeConfig = {
   socialMedia: {
     website: "https://initia.xyz",
     github: "https://github.com/initia-labs",
-    twitter: "https://x.com/initiaFDN",
-    medium: "https://medium.com/@initiafdn",
+    x: "https://x.com/initia",
+    medium: "https://medium.com/@initialabs",
   },
 };
 

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,8 +202,6 @@ export enum AmpEvent {
   MINTSCAN = "Mintscan",
   WEBSITE = "Website",
   SOCIAL = "Social",
-  FEEDBACK = "Feedback",
-  ALLESLABS = "AllesLabs",
 }
 
 export type ActionAmpEvent =

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

@@ -111,21 +111,6 @@ export const ICONS = {
     ),
     viewBox: "0.5 0 16 16",
   },
-  alles: {
-    svg: (
-      <>
-        <path
-          d="M13.7977 11.6936H2.30636V0.202312C2.30636 0.0890173 2.21734 0 2.10405 0H0.202312C0.0890173 0 0 0.0890173 0 0.202312V13.7977C0 13.911 0.0890173 14 0.202312 14H13.7977C13.911 14 14 13.911 14 13.7977V11.896C14 11.7827 13.911 11.6936 13.7977 11.6936Z"
-          fill="white"
-        />
-        <path
-          d="M13.7978 5.61618H8.3677V0.202312C8.3677 0.0890173 8.27868 0 8.16539 0H6.26365C6.15036 0 6.06134 0.0890173 6.06134 0.202312V7.72428C6.06134 7.83757 6.15036 7.92659 6.26365 7.92659H13.7978C13.9111 7.92659 14.0001 7.83757 14.0001 7.72428V5.82254C14.0001 5.70925 13.9111 5.62023 13.7978 5.62023V5.61618Z"
-          fill="white"
-        />
-      </>
-    ),
-    viewBox: viewboxDefault,
-  },
   apps: {
     svg: (
       <>
@@ -606,17 +591,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 +1077,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 +1238,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/components/modal/MoveCodeSnippet.tsx

@@ -103,7 +103,7 @@ const MoveCodeSnippet = ({
         ? `\n\t--type-args '${serializedAbiData.typeArgs.join(" ")}' \\`
         : "",
       argsFlags: displayArgs
-        ? `\n\t--args '${argsWithTypes.join(" ")}' \\`
+        ? `\n\t--args '[${argsWithTypes.map((val) => JSON.stringify(val)).join(",")}]' \\`
         : "",
       isHiddenCLI: argTypes.some(
         (argType) =>
@@ -212,16 +212,17 @@ execute();`,
         name: "CLI",
         mode: "sh",
         isHidden: isHiddenCLI,
-        snippet: `${daemonName} keys add --recover celatone\n
+        snippet: `export WALLET_NAME='<your-wallet-name>'\n
 export CHAIN_ID='${currentChainId}'\n
 export RPC_URL='${rpcEndpoint}'\n
 export MODULE_ADDRESS='${moduleAddress}'\n
 export MODULE_NAME='${moduleName}'\n
 export MODULE_FN='${fn.name}'\n
+${daemonName} keys add --recover $WALLET_NAME\n
 ${daemonName} tx move execute $MODULE_ADDRESS \\
     $MODULE_NAME \\
     $MODULE_FN \\${typeArgsFlags}${argsFlags}
-    --from celatone \\
+    --from $WALLET_NAME \\
     --chain-id $CHAIN_ID \\
     --node $RPC_URL \\
     --gas auto \\

src/lib/components/modal/WasmCodeSnippet.tsx

@@ -136,22 +136,6 @@ queryContract();`,
       },
     ],
     execute: [
-      {
-        name: "CLI",
-        mode: "sh",
-        snippet: `${daemonName} keys add --recover celatone\n
-export CHAIN_ID='${currentChainId}'\n
-export RPC_URL='${rpcEndpoint}'\n
-export CONTRACT_ADDRESS='${contractAddress}'\n
-export EXECUTE_MSG='${message}'\n
-${daemonName} tx wasm execute $CONTRACT_ADDRESS $EXECUTE_MSG \\
-  --from celatone \\
-  --chain-id $CHAIN_ID \\
-  --node $RPC_URL \\${fundsFlags}
-  --gas auto \\
-  --gas-prices ${gasPriceStr} \\
-  --gas-adjustment 1.5`,
-      },
       {
         name: "CosmJS",
         mode: "javascript",
@@ -198,6 +182,23 @@ const execute = async () => {
 execute();
 `,
       },
+      {
+        name: "CLI",
+        mode: "sh",
+        snippet: `export WALLET_NAME='<your-wallet-name>'\n
+export CHAIN_ID='${currentChainId}'\n
+export RPC_URL='${rpcEndpoint}'\n
+export CONTRACT_ADDRESS='${contractAddress}'\n
+export EXECUTE_MSG='${message}'\n
+${daemonName} keys add --recover $WALLET_NAME\n
+${daemonName} tx wasm execute $CONTRACT_ADDRESS $EXECUTE_MSG \\
+  --from $WALLET_NAME \\
+  --chain-id $CHAIN_ID \\
+  --node $RPC_URL \\${fundsFlags}
+  --gas auto \\
+  --gas-prices ${gasPriceStr} \\
+  --gas-adjustment 1.5`,
+      },
     ],
   };
 

src/lib/components/modal/account/EditSavedAccount.tsx

@@ -90,7 +90,7 @@ export const EditSavedAccountModal = ({
           control={control}
           label="Account Name"
           variant="fixed-floating"
-          placeholder="ex. Celatone Account 1"
+          placeholder="ex. Scan Account 1"
           labelBgColor="gray.900"
           rules={{
             maxLength: constants.maxAccountNameLength,

src/lib/components/modal/account/SaveNewAccount.tsx

@@ -206,7 +206,7 @@ export function SaveNewAccountModal({
           control={control}
           label="Account Name"
           variant="fixed-floating"
-          placeholder="ex. Celatone Account 1"
+          placeholder="ex. Scan Account 1"
           labelBgColor="gray.900"
           rules={{
             maxLength: constants.maxAccountNameLength,

src/lib/components/modal/contract/EditContractDetails.tsx

@@ -12,7 +12,7 @@ export const EditContractDetailsModal = ({
 }: EditContractDetailsModalProps) => (
   <ContractDetailsTemplateModal
     title="Edit Contract Details"
-    subtitle="Filled information below will be saved on Celatone only and able to edit later."
+    subtitle="Filled information below will be saved on Scan only and able to edit later."
     contractLocalInfo={contractLocalInfo}
     triggerElement={triggerElement}
   />

src/lib/components/modal/wasm-verify-submit/WasmVerifySubmitForm.tsx

@@ -123,7 +123,7 @@ export const WasmVerifySubmitForm = ({
             <Flex gap={0.5} alignItems="center">
               <CustomIcon name="check" color="success.main" />
               <Text variant="body2">
-                Execute it through Celatone&apos;s system-generated schema
+                Execute it through Scan&apos;s system-generated schema
               </Text>
             </Flex>
           </Flex>

src/lib/components/module/FunctionCard.tsx

@@ -137,7 +137,7 @@ export const FunctionCard = ({
     />
   ) : (
     <Tooltip
-      label="Only functions with “is_entry: true” are able to interacted through Celatone’s module interactions."
+      label="Only functions with “is_entry: true” are able to interacted through Scan’s module interactions."
       hidden={!disabled}
     >
       <FunctionCardBody

src/lib/layout/Footer.tsx

@@ -27,12 +27,12 @@ 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",
+    url: "https://medium.com/@initialabs",
     icon: "medium",
     slug: "medium",
   },
@@ -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/Header.tsx

@@ -36,7 +36,7 @@ const Header = () => {
           <AppLink href="/">
             <Image
               src={theme.branding.logo}
-              alt="Celatone"
+              alt="Scan"
               minWidth="139px"
               width="139px"
               maxWidth="139px"