FilesExpand file tree

 main

/

Mutation.tsx

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

45 lines (40 loc) · 1.4 KB

 main

/

Mutation.tsx

Top

File metadata and controls

• Code
• Blame

45 lines (40 loc) · 1.4 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

import { useRouter } from 'next/router'

import { Link } from 'components/Link'

import { GraphqlItem } from './GraphqlItem'

import { Notice } from './Notice'

import { useTranslation } from 'src/languages/components/useTranslation'

import { Table } from './Table'

import type { MutationT } from './types'

import React from 'react'

type Props = {

item: MutationT

}

export function Mutation({ item }: Props) {

const { locale } = useRouter()

const { t } = useTranslation('products')

const heading = t('graphql.reference.input_fields').replace('{{ GraphQLItemTitle }}', item.name)

const heading2 = t('graphql.reference.return_fields').replace('{{ GraphQLItemTitle }}', item.name)

return (

<GraphqlItem item={item} heading={heading}>

{item.inputFields.map((input) => (

<React.Fragment key={input.id}>

<ul>

<li>

<code>{input.name}</code> (

<code>

<Link href={input.href} locale={locale}>

{input.type}

</Link>

</code>

)

</li>

</ul>

{input.preview && <Notice item={input} variant="preview" />}

{input.isDeprecated && <Notice item={input} variant="deprecation" />}

<h4 dangerouslySetInnerHTML={{ __html: heading2 }} />

<Table fields={item.returnFields} />

</React.Fragment>

))}

</GraphqlItem>

)

}