fix: styles and content

Author: marslavish

templates/chain-admin/components/common/Footer.tsx

@@ -21,7 +21,7 @@ export const Footer = () => {
         gap="4px"
       >
         <Text color="$blackAlpha500" fontSize="12px" fontWeight="500">
-          © {new Date().getFullYear()} Cosmology
+          © {new Date().getFullYear()} Hyperweb
         </Text>
         {isMobile ? <TextDivider /> : <SocialLinks />}
         <Link href="/disclaimer">

templates/chain-admin/components/common/Header/ChainDropdown.tsx

@@ -48,7 +48,7 @@ export const ChainDropdown = () => {
         width: isMobile ? '130px' : '260px',
       }}
     >
-      {(starshipChains?.chains ?? []).map((c) => (
+      {(starshipChains?.v2.chains ?? []).map((c) => (
         <Combobox.Item key={c.chainName} textValue={c.prettyName}>
           <Stack
             direction="horizontal"

templates/chain-admin/components/common/Sidebar/SidebarContent.tsx

@@ -13,8 +13,8 @@ import { useCopyToClipboard, useAddHyperwebChain } from '@/hooks';
 export const SidebarContent = ({ onClose }: { onClose: () => void }) => {
   const { isHyperwebAdded } = useAddHyperwebChain();
   const poweredByLogoSrc = useColorModeValue(
-    '/logos/cosmology.svg',
-    '/logos/cosmology-dark.svg'
+    '/logos/hyperweb-logo.svg',
+    '/logos/hyperweb-logo-dark.svg'
   );
 
   return (
@@ -44,7 +44,7 @@ export const SidebarContent = ({ onClose }: { onClose: () => void }) => {
             alt="cosmology"
             width="0"
             height="0"
-            style={{ width: '100px', height: 'auto' }}
+            style={{ width: '90px', height: 'auto' }}
           />
         </Box>
       </Box>
@@ -57,6 +57,12 @@ const ConnectButton = () => {
   const { isCopied, copyToClipboard } = useCopyToClipboard();
   const { connect, disconnect, address, wallet } = useChain(selectedChain);
 
+  const walletInfo = wallet?.info;
+  const walletLogo =
+    typeof walletInfo?.logo === 'string'
+      ? walletInfo.logo
+      : walletInfo.logo.major || walletInfo.logo.minor;
+
   return (
     <>
       {address ? (
@@ -67,21 +73,15 @@ const ConnectButton = () => {
             borderTopRightRadius={0}
             borderBottomRightRadius={0}
             leftIcon={
-              wallet?.logo ? (
+              walletInfo && walletLogo ? (
                 <Image
-                  src={
-                    typeof wallet.logo === 'string'
-                      ? wallet.logo
-                      : wallet.logo.major || wallet.logo.minor
-                  }
-                  alt={wallet.prettyName}
+                  src={walletLogo}
+                  alt={walletInfo.prettyName}
                   width="0"
                   height="0"
                   style={{ width: '20px', height: 'auto' }}
                 />
-              ) : (
-                'checkboxCircle'
-              )
+              ) : undefined
             }
             rightIcon={isCopied ? 'checkLine' : 'copy'}
             iconColor={isCopied ? '$textSuccess' : 'inherit'}

templates/chain-admin/config/products.ts

@@ -1,8 +1,4 @@
-export type ProductCategory =
-  | 'cosmwasm'
-  | 'cosmos-sdk'
-  | 'frontend'
-  | 'testing';
+export type ProductCategory = 'cosmos-sdk' | 'frontend' | 'testing';
 
 export type Product = {
   name: string;

templates/chain-admin/pages/_app.tsx

@@ -1,6 +1,5 @@
 import '../styles/globals.css';
 import '@interchain-ui/react/styles';
-import '@interchain-ui/react/globalStyles';
 
 import type { AppProps } from 'next/app';
 import { ChainProvider } from '@interchain-kit/react';

templates/chain-admin/pages/docs.tsx

@@ -16,10 +16,6 @@ const tabs: Tab[] = [
     label: 'All',
     category: null,
   },
-  {
-    label: 'CosmWasm',
-    category: 'cosmwasm',
-  },
   {
     label: 'Cosmos SDK',
     category: 'cosmos-sdk',