docs(nxdev): display callout on hidden schemas (#12796)

nrwl · Oct 24, 2022 · 7d2370d · 7d2370d · vercel · Oct 24, 2022
1 parent 03fbf8e
commit 7d2370d
Showing 1 changed file with 22 additions and 19 deletions.
diff --git a/nx-dev/feature-package-schema-viewer/src/lib/content.tsx b/nx-dev/feature-package-schema-viewer/src/lib/content.tsx
@@ -144,28 +144,31 @@ export function Content({
         </div>
       </div>
 
-      {/* We remove the top description on sub property lookup */}
-      {!schemaViewModel.subReference && (
-        <>
-          <div className="my-6 block rounded-md bg-red-50 p-4 ring-1 ring-red-100 dark:bg-red-900/30 dark:ring-red-900">
-            <div className="flex">
-              <div className="flex-shrink-0">
-                <HandRaisedIcon
-                  className="h-5 w-5 text-red-500"
-                  aria-hidden="true"
-                />
-              </div>
-              <div className="ml-3">
-                <div className="mt-0 block text-sm font-medium text-red-600 dark:text-red-400">
-                  Schema for internal use only
-                </div>
-                <p className="prose-sm mt-2 block text-red-700 dark:text-red-600">
-                  Please do not extend this schema as it is part of Nx internal
-                  usage.
-                </p>
+      {!schemaViewModel.subReference && schemaViewModel.hidden && (
+        <div className="my-6 block rounded-md bg-red-50 p-4 ring-1 ring-red-100 dark:bg-red-900/30 dark:ring-red-900">
+          <div className="flex">
+            <div className="flex-shrink-0">
+              <HandRaisedIcon
+                className="h-5 w-5 text-red-500"
+                aria-hidden="true"
+              />
+            </div>
+            <div className="ml-3">
+              <div className="mt-0 block text-sm font-medium text-red-600 dark:text-red-400">
+                Schema for internal use only
               </div>
+              <p className="prose-sm mt-2 block text-red-700 dark:text-red-600">
+                Please do not extend this schema as it is part of Nx internal
+                usage.
+              </p>
             </div>
           </div>
+        </div>
+      )}
+
+      {/* We remove the top description on sub property lookup */}
+      {!schemaViewModel.subReference && (
+        <>
           <div className="prose prose-slate dark:prose-invert max-w-none">
             {vm.markdown}
           </div>