composedb ID chain

packages/backend/src/handlers/actions/composeDB/updatePlayerFromComposeDB.ts

@@ -62,7 +62,7 @@ export const updatePlayerFromComposeDB = async (
     ({ did } = await Caip10Link.fromAccount(
       composeDBClient.context.ceramic,
       // mainnet; the site prompts them to switch if necessary
-      `${ethereumAddress.toLowerCase()}@eip155:1`,
+      `${ethereumAddress.toLowerCase()}@eip155:10`,
     ));
 
     try {

packages/web/components/ConnectToProgress.tsx

@@ -36,14 +36,14 @@ export const ConnectToProgress: React.FC<{
   const { fetching } = useUser();
 
   if (isConnected && !fetching) {
-    if (chainId !== 1 && showSwitchButton) {
+    if (chainId !== 10 && showSwitchButton) {
       return (
         <Stack w="100%" align="center">
           <Stack color="white" spacing={8} w="100%" maxW="30rem">
             <MetaGameLogo />
             {header && <MetaHeading>{header}</MetaHeading>}
             <Text fontSize="md" w="100%" textAlign="center">
-              Please switch to <SwitchNetworkButton chainId="0x1" /> to progress
+              Please switch to <SwitchNetworkButton chainId="0xa" /> to progress
             </Text>
           </Stack>
         </Stack>

packages/web/components/EditProfileModal.tsx

@@ -248,7 +248,7 @@ export const EditProfileModal: React.FC<EditProfileModalProps> = ({
     }
   };
 
-  if (chainId !== '0x1') {
+  if (chainId !== '0xa') {
     return (
       <Modal {...{ isOpen, onClose }}>
         <ModalOverlay />

packages/web/components/Player/PlayerStart.tsx

@@ -24,7 +24,7 @@ export const PlayerStart: React.FC = () => {
   }, [connected, user, fetching]);
 
   const canRedirect = useMemo(
-    () => connected && !fetching && chainId === '0x1',
+    () => connected && !fetching && chainId === '0xa',
     [connected, fetching, chainId],
   );
 

packages/web/components/Player/Profile/ComposeDBPromptModal.tsx

@@ -200,13 +200,13 @@ export const ComposeDBPromptModal: React.FC<ComposeDBPromptModalProps> = ({
           </Center>
         </ModalBody>
         <ModalFooter justifyContent="center">
-          {chainId === '0x1' ? (
+          {chainId === '0xa' ? (
             <MetaButton disabled={!areImagesLoaded} {...{ onClick }}>
               {status}
             </MetaButton>
           ) : (
             <Text fontSize="md" w="100%" textAlign="center">
-              Please switch to <SwitchNetworkButton chainId="0x1" /> to
+              Please switch to <SwitchNetworkButton chainId="0xa" /> to
               progress.
             </Text>
           )}

packages/web/components/Setup/SetupHeader.tsx

@@ -27,7 +27,7 @@ export const SetupHeader: React.FC = () => {
   );
 
   const { connected, chainId } = useWeb3();
-  if (!connected || chainId !== '0x1') return null;
+  if (!connected || chainId !== '0xa') return null;
 
   return (
     <Grid templateColumns={templateColumns.join(' ')} gap={[1, 4]} w="full">

packages/web/components/Setup/WizardPane.tsx

@@ -79,7 +79,7 @@ export const WizardPane = <T,>({
     }
   }, [current, defaultValues, dirtyFields, field, resetField]);
 
-  const wrongChain = chainId != null && chainId !== '0x1';
+  const wrongChain = chainId != null && chainId !== '0xa';
   if ((!connecting && !connected) || wrongChain) {
     return <WalletNotConnected {...{ wrongChain }} />;
   }

packages/web/components/SwitchNetworkButton.tsx

@@ -5,7 +5,7 @@ import { NETWORK_INFO } from 'utils/networks';
 import { useSwitchChain } from 'wagmi';
 
 export const SwitchNetworkButton: React.FC<{ chainId?: string }> = ({
-  chainId = '0x1',
+  chainId = '0xa',
 }) => {
   const { connected } = useWeb3();
   const networkInfo = NETWORK_INFO[chainId];

packages/web/contexts/ComposeDBContext.tsx

@@ -35,7 +35,6 @@ export const ComposeDBContextProvider: React.FC<PropsWithChildren> = ({
   children,
 }) => {
   const { chainId, provider } = useWeb3();
-
   const [connecting, setConnecting] = useState(false);
   const [authenticated, setAuthenticated] = useState(false);
 
@@ -67,8 +66,8 @@ export const ComposeDBContextProvider: React.FC<PropsWithChildren> = ({
 
   const connect = useCallback(async () => {
     if (provider == null || connecting) return;
-    if (chainId !== '0x1') {
-      throw new CeramicError('ComposeDB should be used on mainnet only');
+    if (chainId !== '0xa') {
+      throw new CeramicError('ComposeDB should be used on Optimism only');
     }
 
     setConnecting(true);

packages/web/pages/_app.tsx

@@ -20,17 +20,17 @@ import { mainnet, optimism, polygon } from 'wagmi/chains';
 
 const config = createConfig(
   getDefaultConfig({
-    chains: [mainnet, optimism, polygon],
+    chains: [optimism, polygon, mainnet],
     transports: {
+      [optimism.id]: http(
+        `https://opt-mainnet.g.alchemy.com/v2/${process.env.NEXT_PUBLIC_ALCHEMY_API_KEY}`,
+      ),
       [mainnet.id]: http(
         `https://eth-mainnet.g.alchemy.com/v2/${process.env.NEXT_PUBLIC_ALCHEMY_API_KEY}`,
       ),
       [polygon.id]: http(
         `https://polygon-mainnet.g.alchemy.com/v2/${process.env.NEXT_PUBLIC_ALCHEMY_API_KEY}`,
       ),
-      [optimism.id]: http(
-        `https://opt-mainnet.g.alchemy.com/v2/${process.env.NEXT_PUBLIC_ALCHEMY_API_KEY}`,
-      ),
     },
 
     // Required API Keys

packages/web/utils/playerHelpers.ts

@@ -9,7 +9,6 @@ import {
   Maybe,
   profileMapping,
 } from '@metafam/utils';
-import ProfileIcon from 'assets/generic-user-icon.svg';
 import GuildCoverImageFull from 'assets/guild-background-full.jpeg';
 import GuildCoverImageSmall from 'assets/guild-background-small.jpeg';
 import PlayerCoverImageSmall from 'assets/player-background-small.jpg';