message: fix: not showing deprecated fields on root level
diff: @@ -50,12 +50,13 @@ interface ShowRootTypeProps {
  }
  function ShowRootType({ name, fields, offset }: ShowRootTypeProps) {
  + const nonDeprecatedFields = fields.filter(data => !data.isDeprecated)
  + const deprecatedFields = fields.filter(data => data.isDeprecated)
  +
  return (
  <div>
  <CategoryTitle>{name}</CategoryTitle>
  - {fields
  - .filter(field => !field.isDeprecated)
  - .map((field, index) => (
  + {nonDeprecatedFields.map((field, index) => (
  <TypeLink
  key={field.name}
  type={field}
  @@ -65,6 +66,21 @@ function ShowRootType({ name, fields, offset }: ShowRootTypeProps) {
  lastActive={false}
  />
  ))}
  + {deprecatedFields.length > 0 && <br />}
  + {deprecatedFields.map((field, index) => (
  + <div key={field.name}>
  + <DocsValueComment>
  + # Deprecated: {field.deprecationReason}
  + </DocsValueComment>
  + <TypeLink
  + type={field}
  + x={0}
  + y={offset + index + nonDeprecatedFields.length}
  + collapsable={true}
  + lastActive={false}
  + />
  + </div>
  + ))}
  </div>
  )
  }
  @@ -76,3 +92,9 @@ const DocsRoot = styled.div`
  color: #f25c54;
  }
  `
  +
  +const DocsValueComment = styled.p`
  + color: ${p => p.theme.colours.black50};
  + padding-right: 16px;
  + padding-left: 16px;
  +`
  