[test-studio] Define a media preview to array of predefined colors

sanity-io · Jan 9, 2018 · d32c54e · d32c54e
1 parent c90674e
commit d32c54e
Showing 1 changed file with 21 additions and 1 deletion.
diff --git a/packages/test-studio/schemas/arrays.js b/packages/test-studio/schemas/arrays.js
@@ -1,3 +1,4 @@
+import React from 'react'
 export default {
   name: 'arraysTest',
   type: 'document',
@@ -58,7 +59,26 @@ export default {
               name: 'name',
               type: 'string',
             }
-          ]
+          ],
+          preview: {
+            select: {
+              title: 'title',
+              name: 'name'
+            },
+            prepare({title, name}) {
+              return {
+                title: title,
+                media: () => (
+                  <div
+                    style={{
+                      backgroundColor: name,
+                      position: 'absolute', height: '100%', width: '100%', top: '0', left: '0'
+                    }}
+                  />
+                )
+              }
+            }
+          }
         }
       ],
       options: {