[desk-tool] Rename empty list message component and refrain from usin…

…g any Pane

packages/@sanity/desk-tool/src/components/MissingDocumentTypesMessage.js

@@ -0,0 +1,22 @@
+import React from 'react'
+import styles from './styles/MissingDocumentTypesMessage.css'
+
+export default function MissingDocumentTypesMessage(props) {
+  return (
+    <div className={styles.root}>
+      <h2>Empty schema</h2>
+      <p>
+        Your{' '}
+        <a
+          title="Schema documentation"
+          target="_blank"
+          rel="noopener noreferrer"
+          href="https://www.sanity.io/docs/content-studio/the-schema"
+        >
+          schema
+        </a>{' '}
+        does not contain any document types. If it did, those types would be listed here.
+      </p>
+    </div>
+  )
+}

packages/@sanity/desk-tool/src/components/styles/MissingDocumentTypesMessage.css

@@ -0,0 +1,6 @@
+@import 'part:@sanity/base/theme/variables-style';
+
+.root {
+  composes: absoluteCenter from 'part:@sanity/base/theme/layout/positioning-style';
+  text-align: left;
+}

packages/@sanity/desk-tool/src/defaultStructure.js

@@ -1,13 +1,13 @@
 import React from 'react'
 import Structure from '../structure-builder'
-import EmptyListPane from './pane/EmptyListPane'
+import MissingDocumentTypesMessage from './components/MissingDocumentTypesMessage'
 
 export default () => {
   const items = Structure.documentTypeListItems()
   if (items.length === 0) {
     return Structure.component({
       id: 'empty-list-pane',
-      component: <EmptyListPane />
+      component: <MissingDocumentTypesMessage />
     })
   }
   return Structure.list()