🎨 fix card and tsconfig #2616 (#2625)

* 🎨 fix card and tsconfig * ✏️ Small card adjustment #2616 --------- Co-authored-by: Malin J. <[email protected]>
equinor · Nov 1, 2024 · 050c927 · 050c927
1 parent b19baed
commit 050c927
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 10 deletions.
diff --git a/sanityv3/schemas/objects/card.tsx b/sanityv3/schemas/objects/card.tsx
@@ -1,23 +1,21 @@
 /* eslint-disable react/display-name */
-import { forwardRef } from 'react'
 import { configureBlockContent } from '../editors'
 import type { PortableTextBlock } from 'sanity'
-import { Stack, Text, Card } from '@sanity/ui'
+import { Text, Card, Box } from '@sanity/ui'
 import blocksToText from '../../helpers/blocksToText'
 
-const CardField = forwardRef((props: any) => {
+const CardField = (props: any) => {
+  const { renderDefault } = props
   return (
-    <Stack>
-      <Card padding={3} borderLeft>
-        <Text muted size={2} align={'left'}>
+    <Box>
+        <Text muted size={2} align="left" style={{marginBottom: 20}}>
           If only title are used it will render only title as statement. If content below are used, both title and
           content will be rendered.
         </Text>
-      </Card>
-      <>{props.renderDefault(props)}</>
-    </Stack>
+      <>{renderDefault(props)}</>
+    </Box>
   )
-})
+}
 
 const blockConfig = {
   h2: false,

diff --git a/sanityv3/tsconfig.json b/sanityv3/tsconfig.json
@@ -1,5 +1,10 @@
 {
   "extends": "../tsconfig.base.json",
+  "compilerOptions": {
+    "paths": {
+      "react": ["./node_modules/@types/react"]
+    }
+  },
   "include": ["**/*.ts", "**/*.tsx"],
   "exclude": ["node_modules"]
 }