chore: proper use of codegen (#219)

Co-authored-by: Nicolas Burtey <[email protected]>

.prettierignore

@@ -1,8 +1,9 @@
-graphql/__generated__
 ci/
 
 .next
 .vscode
 
 .github
 ci/vendor
+
+generated.ts

README.md

@@ -12,6 +12,13 @@ With a default installation, Admin Panel can be accessed with `admin.domain.com`
 
 This project uses Next.js, to run it locally, you need to set the following environment variables (in a `.env.local` file):
 
+```
+NEXT_PUBLIC_GRAPHQL_URL=http://localhost:4002/admin/graphql
+NEXT_PUBLIC_GALOY_AUTH_ENDPOINT=http://localhost:4002/auth
+```
+
+for staging:
+
 ```
 NEXT_PUBLIC_GRAPHQL_URL=https://admin-api.staging.galoy.io/graphql
 NEXT_PUBLIC_GALOY_AUTH_ENDPOINT=https://admin-api.staging.galoy.io/auth

codegen.yml

@@ -0,0 +1,56 @@
+overwrite: true
+schema:
+  - "https://raw.githubusercontent.com/GaloyMoney/galoy/main/src/graphql/admin/schema.graphql"
+documents:
+  - "graphql.gql"
+generates:
+  generated.ts:
+    plugins:
+      - typescript
+      - typescript-operations
+      - typescript-react-apollo
+      - add:
+          content: "// this file is autogenerated by codegen"
+      - add:
+          content: "\/* eslint-disable *\/"
+    config:
+      # typesPrefix: GQL
+      enumsAsConst: true
+      immutableTypes: true
+      strictScalars: true
+      nonOptionalTypename: true
+      scalars:
+        AccountApiKeyLabel: "string"
+        AuthToken: "string"
+        CentAmount: "number"
+        ContactAlias: "string"
+        Hex32Bytes: "string"
+        Language: "string"
+        LnPaymentPreImage: "string"
+        LnPaymentRequest: "string"
+        LnPaymentSecret: "string"
+        Memo: "string"
+        OnChainAddress: "string"
+        OnChainTxHash: "string"
+        OneTimeAuthCode: "string"
+        PaymentHash: "string"
+        Phone: "string"
+        SafeInt: "number"
+        SatAmount: "number"
+        SignedAmount: "number"
+        TargetConfirmations: "number"
+        Timestamp: "number"
+        Username: "string"
+        WalletId: "string"
+        Seconds: "number"
+        DisplayCurrency: "string"
+        SignedDisplayMajorAmount: "string"
+        CountryCode: "string"
+        Email: "string"
+        Flow: "string"
+        EmailAddress: "string"
+        TotpSecret: "string"
+        TotpCode: "string"
+        Feedback: "string"
+        Minutes: "string"
+        LnPubkey: "string"

components/account/business-map-update.tsx

@@ -1,7 +1,8 @@
 "use client"
 
 import { useState, useEffect } from "react"
-import { AccountBusinessInfo, AccountData } from "./index"
+import { AccountBusinessInfo } from "./index"
+import { Account } from "../../generated"
 
 const isValidLatitude = (latitude: number) =>
   isFinite(latitude) && Math.abs(latitude) <= 90
@@ -14,7 +15,7 @@ const isValidBusinessInfo = ({ title, coordinates }: AccountBusinessInfo) =>
   isValidTitle(title)
 
 const BusinessMapUpdate: React.FC<{
-  accountDetails: AccountData
+  accountDetails: Account
   update: (info: AccountBusinessInfo) => void
   deleteBusiness: (username: string) => void
   updating: boolean

components/account/details.tsx

@@ -1,10 +1,10 @@
 "use client"
 
-import { AccountData } from "./index"
+import { Account } from "../../generated"
 import { formatDate } from "../../utils"
 
 const Details: React.FC<{
-  accountDetails: AccountData
+  accountDetails: Account
   loading?: boolean
 }> = ({ accountDetails, loading = false }) => {
   const data = accountDetails