feat(tinacms): added a default MediaManager screen

tinacms · Sep 16, 2020 · dc33594 · dc33594
1 parent 3df3c55
commit dc33594
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/packages/tinacms/src/plugins/screens/media-manager-screen.tsx b/packages/tinacms/src/plugins/screens/media-manager-screen.tsx
@@ -0,0 +1,12 @@
+import { Folder } from '@tinacms/icons'
+import { ScreenPlugin } from '@tinacms/react-screens'
+import { MediaPicker } from '../../components/media-manager'
+
+export const MediaManagerScreenPlugin: ScreenPlugin = {
+  __type: 'screen',
+  name: 'Media Manager',
+  Component: MediaPicker,
+  // TODO: New Icon with a landscape
+  Icon: Folder,
+  layout: 'fullscreen',
+}
diff --git a/packages/tinacms/src/tina-cms.ts b/packages/tinacms/src/tina-cms.ts
@@ -42,6 +42,7 @@ import {
   HtmlFieldPlaceholder,
   DateFieldPlaceholder,
 } from './plugins/fields/markdown'
+import { MediaManagerScreenPlugin } from './plugins/screens/media-manager-screen'
 
 const DEFAULT_FIELDS = [
   TextFieldPlugin,
@@ -97,6 +98,7 @@ export class TinaCMS extends CMS {
         this.fields.add(field)
       }
     })
+    this.plugins.add(MediaManagerScreenPlugin)
   }
 
   get alerts() {