Merge pull request #37 from zkLinkProtocol/goerli

merge testnet modify to mainnet

.env.development

@@ -1,5 +1,6 @@
 VITE_ENV = development
-VITE_NODE_TYPE="nexus"
-VITE_TWITTER_CLIENT_ID = eGQtUDNsTjIxbktrVWdaUzRzbU86MTpjaQ
-VITE_TWITTER_CALLBACK_URL = https://test.app.zklink.io/aggregation-parade
+VITE_NODE_TYPE="nexus-goerli"
+VITE_TWITTER_CLIENT_ID = QWpDMDlpX0VuZ0hEdUFDdEFTaUY6MTpjaQ
+VITE_TWITTER_CALLBACK_URL = https://goerli.app.zklink.io/aggregation-parade
+VITE_IS_VALID_TWITTER_ACCESS = 0 # 0: not valid, 1: valid
 

.env.production

@@ -2,6 +2,7 @@ VITE_ENV = production
 VITE_NODE_TYPE="nexus"
 VITE_TWITTER_CLIENT_ID = UWlzSnJfQlVzdzlNc1c3ckdpY0U6MTpjaQ,RThINUVuNm9XdGFKVUpvejU1bFU6MTpjaQ,eFVmRGpWTEtMbGxjUGE2Y09KdHM6MTpjaQ
 VITE_TWITTER_CALLBACK_URL = https://app.zklink.io/aggregation-parade
+VITE_IS_VALID_TWITTER_ACCESS = 1 # 0: not valid, 1: valid
 
 # For: test.app.zklink.io
 # VITE_TWITTER_CLIENT_ID = eGQtUDNsTjIxbktrVWdaUzRzbU86MTpjaQ

src/api/index.ts

@@ -1,4 +1,5 @@
 import http from "@/utils/http";
+import qs from "qs";
 
 type Response = {
   status: string;
@@ -11,6 +12,7 @@ type Response = {
 export const BASE_URL_API = "/api";
 export const BASE_URL_POINTS = "/points";
 export const BASE_URL_TOKENS = "/tokens";
+export const BASE_URL_TWITTER = "/twitter";
 
 export type BindInviteCodeWithAddressParams = {
   address: string;
@@ -193,7 +195,7 @@ export type RegisterAccountParams = {
   address: string;
   code?: string | null;
   siganture: string;
-  accessToken: string;
+  accessToken?: string | null;
   chainId: string | number;
   txHash: string;
 };
@@ -209,3 +211,40 @@ export const registerAccount = (
     ...data,
   });
 };
+
+export type AccessTokenParams = {
+  code: string;
+  grant_type: string;
+  client_id: string;
+  redirect_uri: string;
+  code_verifier: string;
+};
+export type AccessTokenResponse = {
+  token_type: string;
+  expires_in: number;
+  access_token: string;
+  scope: string;
+};
+export const getTwitterAccessToken = (
+  params: AccessTokenParams
+): Promise<AccessTokenResponse> =>
+  http.post("/twitter/2/oauth2/token", qs.stringify({ ...params }), {
+    headers: { "Content-Type": "application/x-www-form-urlencoded" },
+  });
+
+export type TwitterUserResponse = {
+  data: {
+    id: string;
+    name: string;
+    username: string;
+  };
+};
+export const getTwitterUser = (
+  accessToken: string
+): Promise<TwitterUserResponse> =>
+  http.get("/twitter/2/users/me", {
+    headers: {
+      // "Content-Type": "application/json",
+      Authorization: `Bearer ${accessToken}`,
+    },
+  });

src/components/AssetsTable.tsx

@@ -412,7 +412,7 @@ export default function AssetsTable(props: IAssetsTableProps) {
   return (
     <>
       <CardBox className="mt-[2rem] p-[0.38rem] flex justify-between items-center w-full overflow-auto">
-        <div style={{ maxWidth: "calc(100% - 14rem)", overflow: "auto" }}>
+        <div className="maxWid">
           <TabsBar className="flex items-center gap-[0.5rem]">
             {assetTabList.map((item, index) => (
               <span
@@ -439,7 +439,7 @@ export default function AssetsTable(props: IAssetsTableProps) {
         </div>
       </CardBox>
 
-      <TableBox>
+      <TableBox className="overflow-auto md:overflow-visible">
         <Table
           removeWrapper
           className="table mt-[1.5rem] min-h-[30rem]"
@@ -553,7 +553,7 @@ export default function AssetsTable(props: IAssetsTableProps) {
         isOpen={bridgeModal.isOpen}
         onOpenChange={bridgeModal.onOpenChange}
       >
-        <ModalContent>
+        <ModalContent className="mb-[5.75rem]">
           {(onClose) => (
             <>
               <ModalHeader>Bridge</ModalHeader>