diff --git a/package.json b/package.json index a7be84d0..328e8047 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "safe-homepage", "homepage": "https://github.com/safe-global/safe-homepage", - "version": "1.0.4", + "version": "1.0.5", "scripts": { "build": "next build && next export", "lint": "tsc && next lint", diff --git a/public/images/chainsLogos/CeloLogo.png b/public/images/chainsLogos/CeloLogo.png new file mode 100644 index 00000000..5bf0e56c Binary files /dev/null and b/public/images/chainsLogos/CeloLogo.png differ diff --git a/src/components/common/MetaTags/index.tsx b/src/components/common/MetaTags/index.tsx index dc88127e..ae78fa1f 100644 --- a/src/components/common/MetaTags/index.tsx +++ b/src/components/common/MetaTags/index.tsx @@ -4,7 +4,7 @@ const defaultMetaTags = { pageTitle: 'Safe', description: 'Safe is the most trusted platform to manage digital assets on Ethereum', image: 'https://safe.global/images/og-image.png', - site: 'safe', + site: 'Safe', } const MetaTags = (props: Partial) => { diff --git a/src/components/common/Networks/index.tsx b/src/components/common/Networks/index.tsx index de4477b0..65dc0de6 100644 --- a/src/components/common/Networks/index.tsx +++ b/src/components/common/Networks/index.tsx @@ -22,11 +22,19 @@ const defaultThemeColors = { type NetworksProps = { title: string text: string - networks: NetworkChipProps[][] + networks: NetworkChipProps[] chainsData: ChainProps[] } -const NetworksRow = ({ networksRow, chainsData }: { networksRow: NetworkChipProps[]; chainsData: ChainProps[] }) => { +const NetworksRow = ({ + showNew, + networksRow, + chainsData, +}: { + showNew?: boolean + networksRow: NetworkChipProps[] + chainsData: ChainProps[] +}) => { return ( <> {networksRow.map(({ name, icon, textColor, backgroundColor, isNew }, i) => { @@ -35,7 +43,7 @@ const NetworksRow = ({ networksRow, chainsData }: { networksRow: NetworkChipProp textColor: chainData?.textColor || textColor || defaultThemeColors.textColor, backgroundColor: chainData?.backgroundColor || backgroundColor || defaultThemeColors.backgroundColor, } - return + return })} ) @@ -43,6 +51,7 @@ const NetworksRow = ({ networksRow, chainsData }: { networksRow: NetworkChipProp const Networks = ({ title, text, networks }: NetworksProps) => { const chainsData = useContext(ChainsContext) + const shuffledNetworks = networks.slice(2, 8).reverse().concat(networks.slice(8).reverse(), networks.slice(0, 2)) return (
@@ -51,10 +60,10 @@ const Networks = ({ title, text, networks }: NetworksProps) => {
- {networks.map((networksRow, index) => ( + {[0, 1].map((index) => ( - - + + ))}
diff --git a/src/content/home.json b/src/content/home.json index 88550122..f7676c1e 100644 --- a/src/content/home.json +++ b/src/content/home.json @@ -32,139 +32,77 @@ "title": "Available on 12+ networks", "text": "and more, including testnets", "networks": [ - [ - { - "name": "Ethereum Mainnet", - "icon": { - "src": "/images/chainsLogos/EthereumLogo.png", - "alt": "Ethereum logo" - } - }, - { - "name": "BNB Smart Chain", - "icon": { - "src": "/images/chainsLogos/BNBLogo.png", - "alt": "BNB Chain logo" - } - }, - { - "name": "Optimism", - "icon": { - "src": "/images/chainsLogos/OptimismLogo.png", - "alt": "Optimism logo" - } - }, - { - "name": "Arbitrum", - "icon": { - "src": "/images/chainsLogos/ArbitrumLogo.png", - "alt": "Arbitrum logo" - } - }, - { - "name": "Polygon", - "icon": { - "src": "/images/chainsLogos/PolygonLogo.png", - "alt": "Polygon logo" - } - }, - { - "name": "Avalanche", - "icon": { - "src": "/images/chainsLogos/AvalancheLogo.png", - "alt": "Avalanche logo" - } - }, - { - "name": "Gnosis Chain", - "icon": { - "src": "/images/chainsLogos/GnosisChainLogo.png", - "alt": "Gnosis Chain logo" - } - }, - { - "name": "Aurora", - "icon": { - "src": "/images/chainsLogos/AuroraLogo.png", - "alt": "Aurora logo" - } - }, - { - "name": "Arbitrum", - "icon": { - "src": "/images/chainsLogos/ArbitrumLogo.png", - "alt": "Arbitrum logo" - } + { + "name": "Ethereum Mainnet", + "icon": { + "src": "/images/chainsLogos/EthereumLogo.png", + "alt": "Ethereum logo" } - ], - [ - { - "name": "Avalanche", - "icon": { - "src": "/images/chainsLogos/AvalancheLogo.png", - "alt": "Avalanche logo" - } - }, - { - "name": "Gnosis Chain", - "icon": { - "src": "/images/chainsLogos/GnosisChainLogo.png", - "alt": "Gnosis Chain logo" - } - }, - { - "name": "Optimism", - "icon": { - "src": "/images/chainsLogos/OptimismLogo.png", - "alt": "Optimism logo" - } - }, - { - "name": "BNB Smart Chain", - "icon": { - "src": "/images/chainsLogos/BNBLogo.png", - "alt": "BNB Chain logo" - } - }, - { - "name": "Ethereum Mainnet", - "icon": { - "src": "/images/chainsLogos/EthereumLogo.png", - "alt": "Ethereum logo" - } - }, - { - "name": "Base", - "icon": { - "src": "/images/chainsLogos/BaseLogo.png", - "alt": "Base logo" - }, - "backgroundColor": "#0151FE", - "textColor": "#ffffff", - "isNew": true - }, - { - "name": "Polygon", - "icon": { - "src": "/images/chainsLogos/PolygonLogo.png", - "alt": "Polygon logo" - } - }, - { - "name": "Aurora", - "icon": { - "src": "/images/chainsLogos/AuroraLogo.png", - "alt": "Aurora logo" - } - }, - { - "name": "Arbitrum", - "icon": { - "src": "/images/chainsLogos/ArbitrumLogo.png", - "alt": "Arbitrum logo" - } + }, + { + "name": "BNB Smart Chain", + "icon": { + "src": "/images/chainsLogos/BNBLogo.png", + "alt": "BNB Chain logo" + } + }, + { + "name": "Optimism", + "icon": { + "src": "/images/chainsLogos/OptimismLogo.png", + "alt": "Optimism logo" } - ] + }, + { + "name": "Arbitrum", + "icon": { + "src": "/images/chainsLogos/ArbitrumLogo.png", + "alt": "Arbitrum logo" + } + }, + { + "name": "Polygon", + "icon": { + "src": "/images/chainsLogos/PolygonLogo.png", + "alt": "Polygon logo" + } + }, + { + "name": "Avalanche", + "icon": { + "src": "/images/chainsLogos/AvalancheLogo.png", + "alt": "Avalanche logo" + } + }, + { + "name": "Gnosis Chain", + "icon": { + "src": "/images/chainsLogos/GnosisChainLogo.png", + "alt": "Gnosis Chain logo" + } + }, + { + "name": "Aurora", + "icon": { + "src": "/images/chainsLogos/AuroraLogo.png", + "alt": "Aurora logo" + } + }, + { + "name": "Arbitrum", + "icon": { + "src": "/images/chainsLogos/ArbitrumLogo.png", + "alt": "Arbitrum logo" + } + }, + { + "name": "Celo", + "icon": { + "src": "/images/chainsLogos/CeloLogo.png", + "alt": "Celo logo" + }, + "isNew": true + } ], "component": "common/Networks" }, diff --git a/src/content/wallet.json b/src/content/wallet.json index f7b92e01..d6975559 100644 --- a/src/content/wallet.json +++ b/src/content/wallet.json @@ -142,139 +142,77 @@ "title": "Available on 12+ networks", "text": "and more, including testnets", "networks": [ - [ - { - "name": "Ethereum Mainnet", - "icon": { - "src": "/images/chainsLogos/EthereumLogo.png", - "alt": "Ethereum logo" - } - }, - { - "name": "BNB Smart Chain", - "icon": { - "src": "/images/chainsLogos/BNBLogo.png", - "alt": "BNB Chain logo" - } - }, - { - "name": "Optimism", - "icon": { - "src": "/images/chainsLogos/OptimismLogo.png", - "alt": "Optimism logo" - } - }, - { - "name": "Arbitrum", - "icon": { - "src": "/images/chainsLogos/ArbitrumLogo.png", - "alt": "Arbitrum logo" - } - }, - { - "name": "Polygon", - "icon": { - "src": "/images/chainsLogos/PolygonLogo.png", - "alt": "Polygon logo" - } - }, - { - "name": "Avalanche", - "icon": { - "src": "/images/chainsLogos/AvalancheLogo.png", - "alt": "Avalanche logo" - } - }, - { - "name": "Gnosis Chain", - "icon": { - "src": "/images/chainsLogos/GnosisChainLogo.png", - "alt": "Gnosis Chain logo" - } - }, - { - "name": "Aurora", - "icon": { - "src": "/images/chainsLogos/AuroraLogo.png", - "alt": "Aurora logo" - } - }, - { - "name": "Arbitrum", - "icon": { - "src": "/images/chainsLogos/ArbitrumLogo.png", - "alt": "Arbitrum logo" - } + { + "name": "Ethereum Mainnet", + "icon": { + "src": "/images/chainsLogos/EthereumLogo.png", + "alt": "Ethereum logo" } - ], - [ - { - "name": "Avalanche", - "icon": { - "src": "/images/chainsLogos/AvalancheLogo.png", - "alt": "Avalanche logo" - } - }, - { - "name": "Gnosis Chain", - "icon": { - "src": "/images/chainsLogos/GnosisChainLogo.png", - "alt": "Gnosis Chain logo" - } - }, - { - "name": "Optimism", - "icon": { - "src": "/images/chainsLogos/OptimismLogo.png", - "alt": "Optimism logo" - } - }, - { - "name": "BNB Smart Chain", - "icon": { - "src": "/images/chainsLogos/BNBLogo.png", - "alt": "BNB Chain logo" - } - }, - { - "name": "Ethereum Mainnet", - "icon": { - "src": "/images/chainsLogos/EthereumLogo.png", - "alt": "Ethereum logo" - } - }, - { - "name": "Base", - "icon": { - "src": "/images/chainsLogos/BaseLogo.png", - "alt": "Base logo" - }, - "backgroundColor": "#0151FE", - "textColor": "#ffffff", - "isNew": true - }, - { - "name": "Polygon", - "icon": { - "src": "/images/chainsLogos/PolygonLogo.png", - "alt": "Polygon logo" - } - }, - { - "name": "Aurora", - "icon": { - "src": "/images/chainsLogos/AuroraLogo.png", - "alt": "Aurora logo" - } - }, - { - "name": "Arbitrum", - "icon": { - "src": "/images/chainsLogos/ArbitrumLogo.png", - "alt": "Arbitrum logo" - } + }, + { + "name": "BNB Smart Chain", + "icon": { + "src": "/images/chainsLogos/BNBLogo.png", + "alt": "BNB Chain logo" + } + }, + { + "name": "Optimism", + "icon": { + "src": "/images/chainsLogos/OptimismLogo.png", + "alt": "Optimism logo" } - ] + }, + { + "name": "Arbitrum", + "icon": { + "src": "/images/chainsLogos/ArbitrumLogo.png", + "alt": "Arbitrum logo" + } + }, + { + "name": "Polygon", + "icon": { + "src": "/images/chainsLogos/PolygonLogo.png", + "alt": "Polygon logo" + } + }, + { + "name": "Avalanche", + "icon": { + "src": "/images/chainsLogos/AvalancheLogo.png", + "alt": "Avalanche logo" + } + }, + { + "name": "Gnosis Chain", + "icon": { + "src": "/images/chainsLogos/GnosisChainLogo.png", + "alt": "Gnosis Chain logo" + } + }, + { + "name": "Aurora", + "icon": { + "src": "/images/chainsLogos/AuroraLogo.png", + "alt": "Aurora logo" + } + }, + { + "name": "Arbitrum", + "icon": { + "src": "/images/chainsLogos/ArbitrumLogo.png", + "alt": "Arbitrum logo" + } + }, + { + "name": "Celo", + "icon": { + "src": "/images/chainsLogos/CeloLogo.png", + "alt": "Celo logo" + }, + "isNew": true + } ], "component": "common/Networks" }, diff --git a/src/pages/cla/index.tsx b/src/pages/cla/index.tsx new file mode 100644 index 00000000..36e3b87f --- /dev/null +++ b/src/pages/cla/index.tsx @@ -0,0 +1,2 @@ +import CLAPage from '../cla' +export default CLAPage