feat: optimized ui

artela-network · Jun 19, 2024 · c41ddf2 · c41ddf2
1 parent e1ffaf0
commit c41ddf2
Show file tree

Hide file tree

Showing 10 changed files with 27 additions and 114 deletions.
diff --git a/icons/networks/icon-placeholder.svg b/icons/networks/icon-placeholder.svg
diff --git a/icons/networks/logo-placeholder.svg b/icons/networks/logo-placeholder.svg
diff --git a/lib/metadata/templates/title.ts b/lib/metadata/templates/title.ts
@@ -1,7 +1,7 @@
 import type { Route } from 'nextjs-routes';
 
 const TEMPLATE_MAP: Record<Route['pathname'], string> = {
-  '/': 'blockchain explorer',
+  '/': 'explorer',
   '/txs': 'transactions',
   '/tx/[hash]': 'transaction %hash%',
   '/blocks': 'blocks',
@@ -48,5 +48,5 @@ const TEMPLATE_MAP: Record<Route['pathname'], string> = {
 export function make(pathname: Route['pathname']) {
   const template = TEMPLATE_MAP[pathname];
 
-  return `%network_name% ${ template } | Blockscout`;
+  return `%network_name% network ${ template }`;
 }
diff --git a/nextjs/PageNextJs.tsx b/nextjs/PageNextJs.tsx
@@ -15,7 +15,6 @@ type Props = Route & {
 
 const PageNextJs = (props: Props) => {
   const { title, description } = metadata.generate(props);
-
   useGetCsrfToken();
   useAdblockDetect();
   useConfigSentry();

diff --git a/nextjs/nextjs-routes.d.ts b/nextjs/nextjs-routes.d.ts
@@ -21,8 +21,8 @@ declare module "nextjs-routes" {
     | StaticRoute<"/api/media-type">
     | StaticRoute<"/api/proxy">
     | StaticRoute<"/api-docs">
-    | StaticRoute<"/apps">
     | DynamicRoute<"/apps/[id]", { "id": string }>
+    | StaticRoute<"/apps">
     | StaticRoute<"/auth/auth0">
     | StaticRoute<"/auth/profile">
     | StaticRoute<"/auth/unverified-email">

diff --git a/public/static/apple-touch-icon.png b/public/static/apple-touch-icon.png
diff --git a/public/static/favicon-16x16.png b/public/static/favicon-16x16.png
diff --git a/public/static/favicon-32x32.png b/public/static/favicon-32x32.png
diff --git a/ui/snippets/footer/Footer.tsx b/ui/snippets/footer/Footer.tsx
@@ -20,7 +20,7 @@ import NetworkAddToWallet from 'ui/shared/NetworkAddToWallet';
 
 import ColorModeToggler from '../header/ColorModeToggler';
 import FooterLinkItem from './FooterLinkItem';
-import getApiVersionUrl from './utils/getApiVersionUrl';
+// import getApiVersionUrl from './utils/getApiVersionUrl';
 
 const MAX_LINKS_COLUMNS = 3;
 
@@ -33,7 +33,7 @@ const Footer = () => {
       staleTime: Infinity,
     },
   });
-  const apiVersionUrl = getApiVersionUrl(backendVersionData?.backend_version);
+  // const apiVersionUrl = getApiVersionUrl(backendVersionData?.backend_version);
   const issueUrl = useIssueUrl(backendVersionData?.backend_version);
   const BLOCKSCOUT_LINKS = [
     {
@@ -100,24 +100,23 @@ const Footer = () => {
           <NetworkAddToWallet/>
         </Flex>
         <Box mt={{ base: 5, lg: '44px' }}>
-          <Link fontSize="xs" href="https://www.blockscout.com">blockscout.com</Link>
+          <Link fontSize="xs" href="https://artela.network/">artela.network</Link>
         </Box>
         <Text mt={ 3 } maxW={{ base: 'unset', lg: '470px' }} fontSize="xs">
-            Blockscout is a tool for inspecting and analyzing EVM based blockchains. Blockchain explorer for Ethereum Networks.
+          Explore the first extensible Layer1 blockchain with parallel execution and modular VMs
         </Text>
-        <VStack spacing={ 1 } mt={ 6 } alignItems="start">
+        { /* <VStack spacing={ 1 } mt={ 6 } alignItems="start">
           { apiVersionUrl && (
             <Text fontSize="xs">
                 Backend: <Link href={ apiVersionUrl } target="_blank">{ backendVersionData?.backend_version }</Link>
             </Text>
           ) }
           { (config.UI.footer.frontendVersion || config.UI.footer.frontendCommit) && (
             <Text fontSize="xs">
-              { /* Frontend: <Link href={ FRONT_VERSION_URL } target="_blank">{ config.UI.footer.frontendVersion }</Link> */ }
                 Frontend: { [ config.UI.footer.frontendVersion, config.UI.footer.frontendCommit ].filter(Boolean).join('+') }
             </Text>
           ) }
-        </VStack>
+        </VStack> */ }
       </Box>
       <Grid
         gap={{ base: 6, lg: 12 }}

diff --git a/ui/snippets/networkMenu/NetworkLogo.tsx b/ui/snippets/networkMenu/NetworkLogo.tsx
@@ -34,7 +34,7 @@ const LogoFallback = ({ isCollapsed, isSmall }: { isCollapsed?: boolean; isSmall
     <Icon
       as={ isSmall ? iconPlaceholder : logoPlaceholder }
       width="auto"
-      height="100%"
+      height={ isSmall ? '80%' : '100%' }
       color={ logoColor }
       display={ display }
     />