Support Safe

public/manifest.json

@@ -0,0 +1,5 @@
+{
+  "name": "AssetHub Bridge - Darwinia",
+  "description": "Assets cross-chain between Darwinia and AssetHub.",
+  "icons": [{ "src": "favicon.ico", "sizes": "any" }]
+}

src/app/layout.tsx

@@ -12,6 +12,7 @@ const inter = Inter({ subsets: ["latin"] });
 export const metadata: Metadata = {
   title: "AssetHub Bridge - Darwinia",
   description: "Assets cross-chain between Darwinia and AssetHub.",
+  manifest: "/manifest.json",
 };
 
 export default function RootLayout({ children }: { children: React.ReactNode }) {

src/providers/rainbow-provider.tsx

@@ -2,12 +2,13 @@
 
 import "@rainbow-me/rainbowkit/styles.css";
 
-import { darkTheme, getDefaultWallets, RainbowKitProvider } from "@rainbow-me/rainbowkit";
+import { connectorsForWallets, darkTheme, getDefaultWallets, RainbowKitProvider } from "@rainbow-me/rainbowkit";
 import { configureChains, createConfig, WagmiConfig } from "wagmi";
 import { publicProvider } from "wagmi/providers/public";
 import { PropsWithChildren } from "react";
 import { darwiniaChain } from "@/config/chains";
 import { APP_NAME } from "@/config";
+import { safeWallet } from "@rainbow-me/rainbowkit/wallets";
 
 const projectId = process.env.NEXT_PUBLIC_WALLET_CONNECT_ID || "";
 const appName = APP_NAME;
@@ -17,7 +18,9 @@ const { chains, publicClient } = configureChains(
   [publicProvider()],
 );
 
-const { connectors } = getDefaultWallets({ appName, projectId, chains });
+const { wallets } = getDefaultWallets({ appName, projectId, chains });
+
+const connectors = connectorsForWallets([...wallets, { groupName: "More", wallets: [safeWallet({ chains })] }]);
 
 const wagmiConfig = createConfig({
   autoConnect: true,