Rest required previews are deprecated (github#26527)

Author: rachmari

components/rest/PreviewsRow.tsx

@@ -3,11 +3,10 @@ import { useTranslation } from 'components/hooks/useTranslation'
 
 type Props = {
   slug: string
-  hasRequiredPreviews: boolean
   xGitHub: xGitHub
 }
 
-export function PreviewsRow({ slug, hasRequiredPreviews, xGitHub }: Props) {
+export function PreviewsRow({ slug, xGitHub }: Props) {
   const { t } = useTranslation('products')
   const hasPreviews = xGitHub.previews && xGitHub.previews.length > 0
 
@@ -19,21 +18,17 @@ export function PreviewsRow({ slug, hasRequiredPreviews, xGitHub }: Props) {
       <td>string</td>
       <td>header</td>
       <td>
-        {hasRequiredPreviews ? (
-          <p>{t('rest.reference.preview_notice_to_change')}.</p>
-        ) : (
-          <p className="m-0">
-            Setting to
-            <code>application/vnd.github.v3+json</code> is recommended.
-            {hasPreviews && (
-              <a href={`#${slug}-preview-notices`} className="d-inline">
-                {xGitHub.previews.length > 1
-                  ? ` ${t('rest.reference.see_preview_notices')}`
-                  : ` ${t('rest.reference.see_preview_notice')}`}
-              </a>
-            )}
-          </p>
-        )}
+        <p className="m-0">
+          Setting to
+          <code>application/vnd.github.v3+json</code> is recommended.
+          {hasPreviews && (
+            <a href={`#${slug}-preview-notices`} className="d-inline">
+              {xGitHub.previews.length > 1
+                ? ` ${t('rest.reference.see_preview_notices')}`
+                : ` ${t('rest.reference.see_preview_notice')}`}
+            </a>
+          )}
+        </p>
       </td>
     </tr>
   )

components/rest/RestOperation.tsx

@@ -14,9 +14,6 @@ type Props = {
 
 export function RestOperation({ operation }: Props) {
   const previews = operation['x-github'].previews
-  const hasRequiredPreviews = previews
-    ? previews.filter((preview) => preview.required).length > 0
-    : false
 
   return (
     <div>
@@ -29,7 +26,6 @@ export function RestOperation({ operation }: Props) {
       {operation.parameters && (
         <RestParameterTable
           slug={operation.slug}
-          hasRequiredPreviews={hasRequiredPreviews}
           xGitHub={operation['x-github']}
           parameters={operation.parameters}
           bodyParameters={operation.bodyParameters}

components/rest/RestParameterTable.tsx

@@ -8,19 +8,12 @@ import { BodyParameterRows } from './BodyParametersRows'
 
 type Props = {
   slug: string
-  hasRequiredPreviews: boolean
   xGitHub: xGitHub
   parameters: Array<Parameter>
   bodyParameters: Array<BodyParameter>
 }
 
-export function RestParameterTable({
-  slug,
-  hasRequiredPreviews,
-  xGitHub,
-  parameters,
-  bodyParameters,
-}: Props) {
+export function RestParameterTable({ slug, xGitHub, parameters, bodyParameters }: Props) {
   const { t } = useTranslation('products')
 
   return (
@@ -38,7 +31,7 @@ export function RestParameterTable({
           </tr>
         </thead>
         <tbody>
-          <PreviewsRow slug={slug} hasRequiredPreviews={hasRequiredPreviews} xGitHub={xGitHub} />
+          <PreviewsRow slug={slug} xGitHub={xGitHub} />
           <ParameterRows parameters={parameters} />
           <BodyParameterRows slug={slug} bodyParameters={bodyParameters} />
         </tbody>

components/rest/types.ts

@@ -6,7 +6,6 @@ export interface Operation {
   notes: Array<string>
   requestPath: string
   responses: Array<CodeResponse>
-  hasRequiredPreviews: boolean
   parameters: Array<Parameter>
   bodyParameters: Array<BodyParameter>
   'x-github': xGitHub