fix: description chopping and some cleanup

2023-07-26 13:08:43 +05:30
parent fbb793ab8e
commit 2201fd7bd6
2 changed files with 20 additions and 17 deletions
--- a/app/components/HoverPreview/HoverPreviewDocument.tsx
+++ b/app/components/HoverPreview/HoverPreviewDocument.tsx
@@ -5,9 +5,9 @@ import {
  Preview,
  Title,
  Info,
-  DescriptionContainer,
  Card,
  CardContent,
+  Description,
 } from "./Components";

 type Props = {
@@ -31,7 +31,7 @@ function HoverPreviewDocument({ id, url, title, info, description }: Props) {
          <Flex column gap={2}>
            <Title>{title}</Title>
            <Info>{info}</Info>
-            <DescriptionContainer>
+            <Description as="div">
              <React.Suspense fallback={<div />}>
                <Editor
                  key={id}
@@ -40,7 +40,7 @@ function HoverPreviewDocument({ id, url, title, info, description }: Props) {
                  readOnly
                />
              </React.Suspense>
-            </DescriptionContainer>
+            </Description>
          </Flex>
        </CardContent>
      </Card>