From f85deb8b22e6bb545a4306d086257d90af51d49c Mon Sep 17 00:00:00 2001
From: Snorre Eskeland Brekke <snorre.e.brekke@gmail.com>
Date: Sun, 20 Oct 2024 14:39:37 +0200
Subject: [PATCH] chore: placeholder media

---
 .../core/create/components/CreateLinkedDocumentBanner.tsx   | 3 ++-
 .../src/core/create/components/media/CreateInfoSvg.tsx      | 6 ++++++
 .../media}/StartInCreateSvg.tsx                             | 1 +
 .../src/core/create/start-in-create/StartInCreateDialog.tsx | 2 +-
 4 files changed, 10 insertions(+), 2 deletions(-)
 create mode 100644 packages/sanity/src/core/create/components/media/CreateInfoSvg.tsx
 rename packages/sanity/src/core/create/{start-in-create => components/media}/StartInCreateSvg.tsx (79%)

diff --git a/packages/sanity/src/core/create/components/CreateLinkedDocumentBanner.tsx b/packages/sanity/src/core/create/components/CreateLinkedDocumentBanner.tsx
index 567c5bd53dbc..ea9a0f69cbc1 100644
--- a/packages/sanity/src/core/create/components/CreateLinkedDocumentBanner.tsx
+++ b/packages/sanity/src/core/create/components/CreateLinkedDocumentBanner.tsx
@@ -7,6 +7,7 @@ import {Translate, useTranslation} from '../../i18n'
 import {createLocaleNamespace} from '../i18n'
 import {type CreateLinkedDocumentBannerProps} from '../types'
 import {CreateLearnMoreButton} from './CreateLearnMoreButton'
+import {CreateInfoSvg} from './media/CreateInfoSvg'
 
 export function CreateLinkedDocumentBanner(props: CreateLinkedDocumentBannerProps) {
   const {metadata} = props
@@ -27,7 +28,7 @@ export function CreateLinkedDocumentBanner(props: CreateLinkedDocumentBannerProp
 
   const popoverContent = (
     <Stack space={0} ref={popoverRef}>
-      <Card border tone="primary" flex={1} style={{height: 150}} radius={3} />
+      <CreateInfoSvg />
       <Stack space={4} padding={4}>
         <Flex gap={2} align="center">
           <Text size={1} weight="semibold">
diff --git a/packages/sanity/src/core/create/components/media/CreateInfoSvg.tsx b/packages/sanity/src/core/create/components/media/CreateInfoSvg.tsx
new file mode 100644
index 000000000000..361e5bd868b4
--- /dev/null
+++ b/packages/sanity/src/core/create/components/media/CreateInfoSvg.tsx
@@ -0,0 +1,6 @@
+import {Card} from '@sanity/ui'
+
+/* @todo replace with real art */
+export function CreateInfoSvg() {
+  return <Card border tone="primary" flex={1} style={{height: 150}} radius={3} />
+}
diff --git a/packages/sanity/src/core/create/start-in-create/StartInCreateSvg.tsx b/packages/sanity/src/core/create/components/media/StartInCreateSvg.tsx
similarity index 79%
rename from packages/sanity/src/core/create/start-in-create/StartInCreateSvg.tsx
rename to packages/sanity/src/core/create/components/media/StartInCreateSvg.tsx
index e20abd271420..2a0265810543 100644
--- a/packages/sanity/src/core/create/start-in-create/StartInCreateSvg.tsx
+++ b/packages/sanity/src/core/create/components/media/StartInCreateSvg.tsx
@@ -1,5 +1,6 @@
 import {Card} from '@sanity/ui'
 
+/* @todo replace with real art */
 export function StartInCreateSvg() {
   return <Card flex={1} style={{height: 200}} border />
 }
diff --git a/packages/sanity/src/core/create/start-in-create/StartInCreateDialog.tsx b/packages/sanity/src/core/create/start-in-create/StartInCreateDialog.tsx
index 869f58737a38..8f535070b625 100644
--- a/packages/sanity/src/core/create/start-in-create/StartInCreateDialog.tsx
+++ b/packages/sanity/src/core/create/start-in-create/StartInCreateDialog.tsx
@@ -8,11 +8,11 @@ import {useDocumentOperation} from '../../hooks'
 import {useTranslation} from '../../i18n'
 import {useWorkspace} from '../../studio'
 import {CreateLearnMoreButton} from '../components/CreateLearnMoreButton'
+import {StartInCreateSvg} from '../components/media/StartInCreateSvg'
 import {createLocaleNamespace} from '../i18n'
 import {type CreateLinkMetadata} from '../types'
 import {getCreateLinkUrl} from '../useCreateDocumentUrl'
 import {useGlobalUserId} from '../useGlobalUserId'
-import {StartInCreateSvg} from './StartInCreateSvg'
 
 export const CREATE_LINK_TARGET = 'create'