Show proposer details in proposal details drawer (#1149)

Co-authored-by: Dustin Brickwood <[email protected]>

.github/workflows/check-build.yml

@@ -40,7 +40,12 @@ jobs:
           echo NEXT_PUBLIC_FAUCET_BACKEND_URL=${{ secrets.NEXT_PUBLIC_FAUCET_BACKEND_URL }} >> .env
           echo NEXT_PUBLIC_TWITTER_CLIENT_ID=${{ secrets.NEXT_PUBLIC_TWITTER_CLIENT_ID }} >> .env
           echo TWITTER_CLIENT_SECRET=${{ secrets.TWITTER_CLIENT_SECRET }} >> .env
+
+      - name: Install deps
+        run: yarn install
+
+      - name: Generate stats-dapp codegen
+        run: yarn gql:codegen
+
       - name: build
-        run: |
-          yarn install
-          yarn nx run-many --all --target=build
+        run: yarn nx run-many --all --target=build

.github/workflows/deploy-stats-dapp-dev.yml

@@ -34,7 +34,7 @@ jobs:
         run: yarn install
 
       - name: Build project
-        run: yarn nx build stats-dapp
+        run: yarn build:stats
 
       - name: Deploy to Netlify
         id: deploy-netlify

.gitignore

@@ -88,4 +88,5 @@ tmp
 /tools/scripts/local-webb-dapp
 /tools/scripts/protocol-solidity/
 /tools/scripts/relayer/
-/tools/scripts/webb-dapp/
+/tools/scripts/webb-dapp/
+apps/stats-dapp/graphql.schema.json

apps/stats-dapp/.gitignore

@@ -1 +1,3 @@
 build/
+src/generated/
+./graphql.schema.json

apps/stats-dapp/.graphqlconfig

@@ -0,0 +1,10 @@
+{
+  "extensions": {
+    "endpoints": {
+      "url": "https://standalone-subql.webb.tools/graphql",
+      "subscription": "https://standalone-subql.webb.tools/graphql"
+    },
+    "schemaPath": "./schema.graphql"
+  }
+}
+

apps/stats-dapp/codegen.yml

@@ -0,0 +1,20 @@
+overwrite: true
+schema: "https://standalone-subql.webb.tools/graphql"
+documents:
+  - "apps/stats-dapp/src/**/*.graphql"
+generates:
+  apps/stats-dapp/src/generated/graphql.tsx:
+    plugins:
+      - "typescript"
+      - "typescript-operations"
+      - "typescript-react-apollo"
+
+  apps/stats-dapp/graphql.schema.json:
+    plugins:
+      - "introspection"
+    config:
+      withComponent: true
+      withHooks: true
+      withMutationFn: true
+      withRefetchFn: true
+      skipTypename: true

apps/stats-dapp/src/containers/ProposalsTable/ProposalsTable.tsx

@@ -8,10 +8,7 @@ import {
   useReactTable,
 } from '@tanstack/react-table';
 import { ChainConfig, chainsConfig } from '@webb-tools/dapp-config';
-import {
-  AppEnum155D64Ff70 as ProposalStatus,
-  AppEnumB6165934C8 as ProposalType,
-} from '../../generated/graphql';
+import { ProposalStatus, ProposalType } from '../../generated/graphql';
 import {
   ProposalListItem,
   ProposalsQuery,

apps/stats-dapp/src/containers/ProposersTable/ProposersTable.tsx

@@ -11,7 +11,7 @@ import {
   Table as RTTable,
   useReactTable,
 } from '@tanstack/react-table';
-import { AppEnumFe385C7221 as VoteStatus } from '../../generated/graphql';
+import { VoteType } from '../../generated/graphql';
 import { useVotes, VoteListItem, VotesQuery } from '../../provider/hooks';
 import {
   Avatar,
@@ -42,13 +42,13 @@ const columns: ColumnDef<VoteListItem, any>[] = [
   columnHelper.accessor('status', {
     header: 'Vote',
     cell: (props) => {
-      const vote = props.getValue<VoteStatus | undefined>();
+      const vote = props.getValue<VoteType | undefined>();
       switch (vote) {
-        case VoteStatus.Abstain:
+        case VoteType.Abstain:
           return <Chip color="blue">Abstain</Chip>;
-        case VoteStatus.Against:
+        case VoteType.Against:
           return <Chip color="red">Against</Chip>;
-        case VoteStatus.For:
+        case VoteType.For:
           return <Chip color="green">For</Chip>;
         default:
           return '-';
@@ -81,9 +81,7 @@ export const ProposersTable: FC<ProposersTableProps> = ({
     pageIndex: 0,
     pageSize: 10,
   });
-  const [voteStatus, setVoteStatus] = useState<VoteStatus | undefined>(
-    undefined
-  );
+  const [voteStatus, setVoteStatus] = useState<VoteType | undefined>(undefined);
   const query = useMemo<VotesQuery>(() => {
     return {
       filter: {
@@ -94,14 +92,15 @@ export const ProposersTable: FC<ProposersTableProps> = ({
       perPage: pagination.pageSize,
     };
   }, [pagination, proposalId, voteStatus]);
+
   const votes = useVotes(query);
 
-  const tabsValue = useMemo<Array<[VoteStatus | undefined, string]>>(() => {
+  const tabsValue = useMemo<Array<[VoteType | undefined, string]>>(() => {
     return [
       [undefined, `All (${counters.all})`],
-      [VoteStatus.For, `For (${counters.for})`],
-      [VoteStatus.Against, `Against (${counters.against})`],
-      [VoteStatus.Abstain, `Abstain (${counters.abstain})`],
+      [VoteType.For, `For (${counters.for})`],
+      [VoteType.Against, `Against (${counters.against})`],
+      [VoteType.Abstain, `Abstain (${counters.abstain})`],
     ];
   }, [counters]);