-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #262 from hackdays-io/feature/ashistory
Add assist credit hisotry
- Loading branch information
Showing
9 changed files
with
595 additions
and
741 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,111 @@ | ||
| import { Box, HStack, Text, VStack } from "@chakra-ui/react"; | ||
| import { TransferFractionToken_OrderBy } from "gql/graphql"; | ||
| import { useNamesByAddresses } from "hooks/useENS"; | ||
| import { useGetTransferFractionTokens } from "hooks/useFractionToken"; | ||
| import { useGetHat } from "hooks/useHats"; | ||
| import { type FC, useMemo } from "react"; | ||
| import { FaChevronRight } from "react-icons/fa6"; | ||
| import type { HatsDetailSchama } from "types/hats"; | ||
| import { ipfs2https } from "utils/ipfs"; | ||
| import { abbreviateAddress } from "utils/wallet"; | ||
| import { HatsListItemParser } from "../common/HatsListItemParser"; | ||
| import { UserIcon } from "../icon/UserIcon"; | ||
|
|
||
| interface Props { | ||
| treeId: string; | ||
| limit?: number; | ||
| } | ||
|
|
||
| interface ItemProps { | ||
| from: string; | ||
| to: string; | ||
| hatId: string; | ||
| amount: number; | ||
| timestamp: number; | ||
| } | ||
|
|
||
| interface AssistCreditTextProps { | ||
| amount: number; | ||
| detail?: HatsDetailSchama; | ||
| } | ||
|
|
||
| const AssistCreaditText: FC<AssistCreditTextProps> = ({ detail, amount }) => { | ||
| return ( | ||
| <Text as="span"> | ||
| {detail?.data.name}のアシストクレジットを | ||
| <Box as="span" fontWeight="bold"> | ||
| {amount} | ||
| </Box> | ||
| 送りました！ | ||
| </Text> | ||
| ); | ||
| }; | ||
|
|
||
| const AssistCreditItem: FC<ItemProps> = ({ | ||
| from, | ||
| to, | ||
| hatId, | ||
| amount, | ||
| timestamp, | ||
| }) => { | ||
| const addresses = useMemo(() => { | ||
| return [from, to]; | ||
| }, [from, to]); | ||
|
|
||
| const { names } = useNamesByAddresses(addresses); | ||
|
|
||
| const { hat } = useGetHat(hatId); | ||
|
|
||
| const fromUser = useMemo(() => { | ||
| return names?.[0]?.[0]; | ||
| }, [names]); | ||
|
|
||
| const toUser = useMemo(() => { | ||
| return names?.[1]?.[0]; | ||
| }, [names]); | ||
|
|
||
| return ( | ||
| <HStack flexWrap="wrap" rowGap={0}> | ||
| <HatsListItemParser imageUri={hat?.imageUri} detailUri={hat?.details}> | ||
| <> | ||
| <UserIcon | ||
| size="25px" | ||
| userImageUrl={ipfs2https(fromUser?.text_records?.avatar)} | ||
| /> | ||
| <Text as="span">{fromUser?.name || abbreviateAddress(from)} が</Text> | ||
| <UserIcon | ||
| size="25px" | ||
| userImageUrl={ipfs2https(toUser?.text_records?.avatar)} | ||
| /> | ||
| <Text as="span">{toUser?.name || abbreviateAddress(to)} に</Text> | ||
| </> | ||
| <AssistCreaditText amount={amount} /> | ||
| </HatsListItemParser> | ||
| </HStack> | ||
| ); | ||
| }; | ||
|
|
||
| export const AssistCreditHistory: FC<Props> = ({ treeId, limit }) => { | ||
| const { data } = useGetTransferFractionTokens({ | ||
| where: { | ||
| workspaceId: treeId, | ||
| }, | ||
| orderBy: TransferFractionToken_OrderBy.BlockTimestamp, | ||
| first: limit, | ||
| }); | ||
|
|
||
| return ( | ||
| <VStack rowGap={4}> | ||
| {data?.transferFractionTokens.map((token) => ( | ||
| <AssistCreditItem | ||
| key={`th_${token.id}`} | ||
| from={token.from} | ||
| to={token.to} | ||
| hatId={token.hatId} | ||
| amount={token.amount} | ||
| timestamp={token.blockTimestamp} | ||
| /> | ||
| ))} | ||
| </VStack> | ||
| ); | ||
| }; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
40 changes: 14 additions & 26 deletions
40
pkgs/frontend/app/routes/$treeId_.assistcredit-history.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,110 +1,87 @@ | ||
| /* eslint-disable */ | ||
| import type { | ||
| DocumentTypeDecoration, | ||
| ResultOf, | ||
| TypedDocumentNode, | ||
| } from "@graphql-typed-document-node/core"; | ||
| import type { FragmentDefinitionNode } from "graphql"; | ||
| import type { Incremental } from "./graphql"; | ||
| import { ResultOf, DocumentTypeDecoration, TypedDocumentNode } from '@graphql-typed-document-node/core'; | ||
| import { FragmentDefinitionNode } from 'graphql'; | ||
| import { Incremental } from './graphql'; | ||
|
|
||
| export type FragmentType< | ||
| TDocumentType extends DocumentTypeDecoration<any, any>, | ||
| > = TDocumentType extends DocumentTypeDecoration<infer TType, any> | ||
| ? [TType] extends [{ " $fragmentName"?: infer TKey }] | ||
|
|
||
| export type FragmentType<TDocumentType extends DocumentTypeDecoration<any, any>> = TDocumentType extends DocumentTypeDecoration< | ||
| infer TType, | ||
| any | ||
| > | ||
| ? [TType] extends [{ ' $fragmentName'?: infer TKey }] | ||
| ? TKey extends string | ||
| ? { " $fragmentRefs"?: { [key in TKey]: TType } } | ||
| ? { ' $fragmentRefs'?: { [key in TKey]: TType } } | ||
| : never | ||
| : never | ||
| : never; | ||
|
|
||
| // return non-nullable if `fragmentType` is non-nullable | ||
| export function useFragment<TType>( | ||
| _documentNode: DocumentTypeDecoration<TType, any>, | ||
| fragmentType: FragmentType<DocumentTypeDecoration<TType, any>>, | ||
| fragmentType: FragmentType<DocumentTypeDecoration<TType, any>> | ||
| ): TType; | ||
| // return nullable if `fragmentType` is undefined | ||
| export function useFragment<TType>( | ||
| _documentNode: DocumentTypeDecoration<TType, any>, | ||
| fragmentType: FragmentType<DocumentTypeDecoration<TType, any>> | undefined, | ||
| fragmentType: FragmentType<DocumentTypeDecoration<TType, any>> | undefined | ||
| ): TType | undefined; | ||
| // return nullable if `fragmentType` is nullable | ||
| export function useFragment<TType>( | ||
| _documentNode: DocumentTypeDecoration<TType, any>, | ||
| fragmentType: FragmentType<DocumentTypeDecoration<TType, any>> | null, | ||
| fragmentType: FragmentType<DocumentTypeDecoration<TType, any>> | null | ||
| ): TType | null; | ||
| // return nullable if `fragmentType` is nullable or undefined | ||
| export function useFragment<TType>( | ||
| _documentNode: DocumentTypeDecoration<TType, any>, | ||
| fragmentType: | ||
| | FragmentType<DocumentTypeDecoration<TType, any>> | ||
| | null | ||
| | undefined, | ||
| fragmentType: FragmentType<DocumentTypeDecoration<TType, any>> | null | undefined | ||
| ): TType | null | undefined; | ||
| // return array of non-nullable if `fragmentType` is array of non-nullable | ||
| export function useFragment<TType>( | ||
| _documentNode: DocumentTypeDecoration<TType, any>, | ||
| fragmentType: Array<FragmentType<DocumentTypeDecoration<TType, any>>>, | ||
| fragmentType: Array<FragmentType<DocumentTypeDecoration<TType, any>>> | ||
| ): Array<TType>; | ||
| // return array of nullable if `fragmentType` is array of nullable | ||
| export function useFragment<TType>( | ||
| _documentNode: DocumentTypeDecoration<TType, any>, | ||
| fragmentType: | ||
| | Array<FragmentType<DocumentTypeDecoration<TType, any>>> | ||
| | null | ||
| | undefined, | ||
| fragmentType: Array<FragmentType<DocumentTypeDecoration<TType, any>>> | null | undefined | ||
| ): Array<TType> | null | undefined; | ||
| // return readonly array of non-nullable if `fragmentType` is array of non-nullable | ||
| export function useFragment<TType>( | ||
| _documentNode: DocumentTypeDecoration<TType, any>, | ||
| fragmentType: ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>>, | ||
| fragmentType: ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>> | ||
| ): ReadonlyArray<TType>; | ||
| // return readonly array of nullable if `fragmentType` is array of nullable | ||
| export function useFragment<TType>( | ||
| _documentNode: DocumentTypeDecoration<TType, any>, | ||
| fragmentType: | ||
| | ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>> | ||
| | null | ||
| | undefined, | ||
| fragmentType: ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>> | null | undefined | ||
| ): ReadonlyArray<TType> | null | undefined; | ||
| export function useFragment<TType>( | ||
| _documentNode: DocumentTypeDecoration<TType, any>, | ||
| fragmentType: | ||
| | FragmentType<DocumentTypeDecoration<TType, any>> | ||
| | Array<FragmentType<DocumentTypeDecoration<TType, any>>> | ||
| | ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>> | ||
| | null | ||
| | undefined, | ||
| fragmentType: FragmentType<DocumentTypeDecoration<TType, any>> | Array<FragmentType<DocumentTypeDecoration<TType, any>>> | ReadonlyArray<FragmentType<DocumentTypeDecoration<TType, any>>> | null | undefined | ||
| ): TType | Array<TType> | ReadonlyArray<TType> | null | undefined { | ||
| return fragmentType as any; | ||
| } | ||
|
|
||
|
|
||
| export function makeFragmentData< | ||
| F extends DocumentTypeDecoration<any, any>, | ||
| FT extends ResultOf<F>, | ||
| FT extends ResultOf<F> | ||
| >(data: FT, _fragment: F): FragmentType<F> { | ||
| return data as FragmentType<F>; | ||
| } | ||
| export function isFragmentReady<TQuery, TFrag>( | ||
| queryNode: DocumentTypeDecoration<TQuery, any>, | ||
| fragmentNode: TypedDocumentNode<TFrag>, | ||
| data: | ||
| | FragmentType<TypedDocumentNode<Incremental<TFrag>, any>> | ||
| | null | ||
| | undefined, | ||
| data: FragmentType<TypedDocumentNode<Incremental<TFrag>, any>> | null | undefined | ||
| ): data is FragmentType<typeof fragmentNode> { | ||
| const deferredFields = ( | ||
| queryNode as { | ||
| __meta__?: { deferredFields: Record<string, (keyof TFrag)[]> }; | ||
| } | ||
| ).__meta__?.deferredFields; | ||
| const deferredFields = (queryNode as { __meta__?: { deferredFields: Record<string, (keyof TFrag)[]> } }).__meta__ | ||
| ?.deferredFields; | ||
|
|
||
| if (!deferredFields) return true; | ||
|
|
||
| const fragDef = fragmentNode.definitions[0] as | ||
| | FragmentDefinitionNode | ||
| | undefined; | ||
| const fragDef = fragmentNode.definitions[0] as FragmentDefinitionNode | undefined; | ||
| const fragName = fragDef?.name?.value; | ||
|
|
||
| const fields = (fragName && deferredFields[fragName]) || []; | ||
| return fields.length > 0 && fields.every((field) => data && field in data); | ||
| return fields.length > 0 && fields.every(field => data && field in data); | ||
| } |
Oops, something went wrong.