feat: add solana integrations

Author: andywong418

wondrous-bot-admin/package.json

@@ -23,6 +23,11 @@
     "@mui/styled-engine-sc": "^5.11.11",
     "@react-oauth/google": "^0.12.1",
     "@reactour/tour": "^3.4.0",
+    "@solana/wallet-adapter-base": "^0.9.23",
+    "@solana/wallet-adapter-react": "^0.15.35",
+    "@solana/wallet-adapter-react-ui": "^0.9.35",
+    "@solana/wallet-adapter-wallets": "^0.19.32",
+    "@solana/web3.js": "^1.95.3",
     "@vercel/node": "^2.14.2",
     "@web3-react/coinbase-wallet": "^8.2.0",
     "@web3-react/core": "6.1.9",

wondrous-bot-admin/src/App.tsx

@@ -62,6 +62,7 @@ import CmtyUserActivityPage from "pages/activity";
 import { GoogleOAuthProvider } from "@react-oauth/google";
 import PlanSelectComponent from "components/Onboarding/PlanSelect";
 import OnboardingFinalizeComponent from "components/Onboarding/FinalizeComponent";
+import { Providers as SolanaProvider } from "services/web3/SolanaProvider";
 
 const projectId = import.meta.env.VITE_WALLET_CONNECT_PROJECT_ID;
 
@@ -327,13 +328,15 @@ function App() {
       <ThemeProvider theme={theme}>
         <ApolloProvider client={client}>
           <SnackbarAlertProvider>
-            <WonderWeb3Provider>
-              <PaywallContextProvider>
-                <GoogleOAuthProvider clientId={GOOGLE_CLIENT_ID}>
-                  <RouterProvider router={router} />
-                </GoogleOAuthProvider>
-              </PaywallContextProvider>
-            </WonderWeb3Provider>
+            <SolanaProvider>
+              <WonderWeb3Provider>
+                <PaywallContextProvider>
+                  <GoogleOAuthProvider clientId={GOOGLE_CLIENT_ID}>
+                    <RouterProvider router={router} />
+                  </GoogleOAuthProvider>
+                </PaywallContextProvider>
+              </WonderWeb3Provider>
+            </SolanaProvider>
             <RewardfulTag />
           </SnackbarAlertProvider>
         </ApolloProvider>

wondrous-bot-admin/src/components/Auth/index.tsx

@@ -5,6 +5,7 @@ import apollo from "services/apollo";
 import { GET_LOGGED_IN_USER, GET_LOGGED_IN_WAITLIST_USER, GET_USER_SIGNING_MESSAGE, WHOAMI } from "graphql/queries";
 import {
   CONNECT_COMMUNITY_USER_WALLET,
+  CONNECT_SOLANA_COMMUNITY_USER_WALLET,
   CONNECT_USER_WALLET,
   CREATE_USER,
   CREATE_WALLET_USER,
@@ -19,7 +20,7 @@ const MyContext = React.createContext(null);
 
 export const useMe = () => useContext(MyContext);
 
-export const emailSignup = async (email: string, password: string, inviteToken:string = null) => {
+export const emailSignup = async (email: string, password: string, inviteToken: string = null) => {
   try {
     const {
       data: {
@@ -30,7 +31,7 @@ export const emailSignup = async (email: string, password: string, inviteToken:s
       variables: {
         email,
         password,
-        inviteToken
+        inviteToken,
       },
     });
 
@@ -194,6 +195,40 @@ export const linkWallet = async (web3Address: string, signedMessage: string, blo
   }
 };
 
+export const linkSolanaCmtyUserWallet = async (
+  discordUserId: string,
+  web3Address: string,
+  signedMessage: string,
+  blockchain: string,
+  originalMessage: string,
+  verificationCode: string
+) => {
+  try {
+    const {
+      data: { connectSolanaCmtyUserWallet: user },
+    } = await apollo.mutate({
+      mutation: CONNECT_SOLANA_COMMUNITY_USER_WALLET,
+      variables: {
+        input: {
+          discordUserId,
+          web3Address,
+          signedMessage,
+          blockchain,
+          messageToSign: originalMessage,
+          verificationCode,
+        },
+      },
+    });
+    return true;
+  } catch (err) {
+    console.log("Error linking Solana wallet: ", err?.graphQLErrors);
+    if (err?.graphQLErrors && err?.graphQLErrors[0]?.extensions.code) {
+      return err?.graphQLErrors[0]?.extensions.errorCode || err?.graphQLErrors[0]?.extensions.message;
+    }
+    return false;
+  }
+};
+
 export const linkCmtyUserWallet = async (
   discordUserId: string,
   web3Address: string,