feat: update delete confirm dialog styles, use compact cards

sanity-io · Dec 19, 2023 · e981dcb · e981dcb
1 parent 511b291
commit e981dcb
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 32 deletions.
diff --git a/packages/sanity/src/desk/components/confirmDeleteDialog/ConfirmDeleteDialogBody.tsx b/packages/sanity/src/desk/components/confirmDeleteDialog/ConfirmDeleteDialogBody.tsx
@@ -164,31 +164,25 @@ export function ConfirmDeleteDialogBody({
                   shadow={1}
                   paddingY={1}
                 >
-                  <Flex align="center" margin={2} marginRight={3}>
-                    <Box marginLeft={3} marginRight={3}>
-                      <Text size={3}>
-                        <DocumentsIcon />
+                  <Flex align="center" gap={3} paddingX={3} paddingY={1}>
+                    <Text size={1}>
+                      <DocumentsIcon />
+                    </Text>
+                    <Stack space={2}>
+                      <Text textOverflow="ellipsis" size={1}>
+                        {t('confirm-delete-dialog.cdr-summary.title', {
+                          count: normalizedDatasetNames.length,
+                          documentCount: t('confirm-delete-dialog.cdr-summary.document-count', {
+                            count: crossDatasetReferences.totalCount,
+                          }),
+                        })}
                       </Text>
-                    </Box>
-                    <Flex marginRight={4} direction="column">
-                      <Box marginBottom={2}>
-                        <Text>
-                          {t('confirm-delete-dialog.cdr-summary.title', {
-                            count: normalizedDatasetNames.length,
-                            documentCount: t('confirm-delete-dialog.cdr-summary.document-count', {
-                              count: crossDatasetReferences.totalCount,
-                            }),
-                          })}
-                        </Text>
-                      </Box>
-                      <Box>
-                        <Text title={datasetSubtitle} textOverflow="ellipsis" size={1} muted>
-                          {datasetSubtitle}
-                        </Text>
-                      </Box>
-                    </Flex>
+                      <Text title={datasetSubtitle} textOverflow="ellipsis" size={1} muted>
+                        {datasetSubtitle}
+                      </Text>
+                    </Stack>
                     <ChevronWrapper>
-                      <Text muted>
+                      <Text muted size={1}>
                         <ChevronDownIcon />
                       </Text>
                     </ChevronWrapper>

diff --git a/packages/sanity/src/desk/components/confirmDeleteDialog/ReferencePreviewLink.tsx b/packages/sanity/src/desk/components/confirmDeleteDialog/ReferencePreviewLink.tsx
@@ -40,18 +40,11 @@ export function ReferencePreviewLink(props: ReferencePreviewLinkProps) {
   )
 
   return (
-    <PreviewCard
-      __unstable_focusRing
-      as={Link as FIXME}
-      data-as="a"
-      onClick={onClick}
-      padding={2}
-      radius={2}
-    >
+    <PreviewCard __unstable_focusRing as={Link as FIXME} data-as="a" onClick={onClick} radius={2}>
       <PaneItemPreview
         documentPreviewStore={documentPreviewStore}
         icon={type?.icon}
-        layout="default"
+        layout="compact"
         presence={documentPresence?.length > 0 ? documentPresence : EMPTY_ARRAY}
         schemaType={type}
         value={value}