Merge pull request #10132 from hicommonwealth/kaleemNelit.9911.skale_…

…added

added the new option for skale

packages/commonwealth/client/scripts/views/components/CommunityInformationForm/CommunityInformationForm.tsx

@@ -21,6 +21,7 @@ import {
   ETHEREUM_MAINNET_ID,
   OSMOSIS_ID,
   POLYGON_ETH_CHAIN_ID,
+  SKALE_ID,
   alphabeticallyStakeWiseSortedChains as sortedChains,
 } from './constants';
 import {
@@ -116,6 +117,8 @@ const CommunityInformationForm = ({
               return options?.find((o) => o.value === OSMOSIS_ID);
             case CommunityType.Blast:
               return options?.find((o) => o.value === BLAST_ID);
+            case CommunityType.Skale:
+              return options?.find((o) => o.value === SKALE_ID);
             case CommunityType.Polygon:
             case CommunityType.Solana:
               return options?.[0];

packages/commonwealth/client/scripts/views/components/CommunityInformationForm/constants.ts

@@ -9,6 +9,7 @@ export const ETHEREUM_MAINNET_ID = '1';
 export const BASE_ID = '8453';
 export const OSMOSIS_ID = 'osmosis';
 export const BLAST_ID = '81457';
+export const SKALE_ID = '974399131';
 
 const removeTestCosmosNodes = (nodeInfo: NodeInfo): boolean => {
   return !(

packages/commonwealth/client/scripts/views/components/component_kit/new_designs/CWCommunitySelector/CWCommunitySelector.tsx

@@ -17,6 +17,7 @@ export enum CommunityType {
   Cosmos = 'cosmos',
   Polygon = 'polygon',
   Solana = 'solana',
+  Skale = 'skale',
 }
 
 export type SelectedCommunity = {

packages/commonwealth/client/scripts/views/modals/AuthModal/types.ts

@@ -21,6 +21,7 @@ export type ModalVariantProps = {
     | ChainBase.CosmosSDK
     | ChainBase.Solana
     | ChainBase.Substrate;
+
   showAuthOptionFor?: AuthWallets | AuthSSOs;
   onSignInClick?: () => void;
 };

packages/commonwealth/client/scripts/views/pages/CreateCommunity/steps/CommunityTypeStep/CommunityTypeStep.tsx

@@ -83,8 +83,13 @@ const CommunityTypeStep = ({
     handleContinue();
   };
 
-  const [baseOption, blastOption, ethereumOption, ...advancedOptions] =
-    communityTypeOptions;
+  const [
+    baseOption,
+    blastOption,
+    ethereumOption,
+    skaleOption,
+    ...advancedOptions
+  ] = communityTypeOptions;
 
   return (
     <div className="CommunityTypeStep">
@@ -136,6 +141,19 @@ const CommunityTypeStep = ({
             })
           }
         />
+        <CWCommunitySelector
+          key={skaleOption.type}
+          img={skaleOption.img}
+          title={skaleOption.title}
+          description={skaleOption.description}
+          isRecommended={skaleOption.isRecommended}
+          onClick={() =>
+            handleCommunitySelection({
+              type: skaleOption.type,
+              chainBase: skaleOption.chainBase,
+            })
+          }
+        />
       </div>
       <div className="advanced-options-container">
         <CWText type="h4">Advanced Options</CWText>

packages/commonwealth/client/scripts/views/pages/CreateCommunity/steps/CommunityTypeStep/helpers.ts

@@ -4,6 +4,7 @@ import blastImg from 'assets/img/communitySelector/blast.png';
 import cosmosImg from 'assets/img/communitySelector/cosmos.svg';
 import ethereumImg from 'assets/img/communitySelector/ethereum.svg';
 import polygonImg from 'assets/img/communitySelector/polygon.svg';
+import skaleImg from 'assets/img/communitySelector/skale.svg';
 import solanaImg from 'assets/img/communitySelector/solana.svg';
 import { CommunityType } from 'views/components/component_kit/new_designs/CWCommunitySelector';
 
@@ -37,7 +38,19 @@ export const communityTypeOptions = [
       'Tokens built on the ERC20 protocol are fungible, meaning they are interchangeable. ' +
       'Select this community type if you have minted a token on the Ethereum blockchain.',
   },
-
+  {
+    type: CommunityType.Skale,
+    img: skaleImg,
+    chainBase: ChainBase.Ethereum,
+    title: 'Skale',
+    isRecommended: false,
+    isHidden: false,
+    description:
+      // eslint-disable-next-line max-len
+      'SKALE is an on-demand blockchain network with zero gas fees. ' +
+      // eslint-disable-next-line max-len
+      'Allowing quick deployment of interoperable EVM-compatible chains without compromising security or decentralization',
+  },
   {
     type: CommunityType.Cosmos,
     img: cosmosImg,