fix(pages): change EditView component to EditEditor, EditableView to …

…EditableEditor, ContentView to ContentEditor

These components have been swapped to versions without any layout stylings. The previously used components were wrapped in Containers that had stylings for margins. In the context of DSC landing page, these margins are not necessary and detracted from the appearance of the editable content.

apps/stock-center/src/pages/index/edit.tsx

@@ -7,7 +7,7 @@ import {
   CatalogLinks,
   FileLinks,
 } from "@dictybase/ui-dsc"
-import { EditView, LoadingDisplay, OtherError } from "@dictybase/ui-common"
+import { EditEditor, LoadingDisplay, OtherError } from "@dictybase/ui-common"
 import { useContentBySlugQuery } from "dicty-graphql-schema"
 import { match, P } from "ts-pattern"
 import { ACCESS, useTokenAndUser } from "auth"
@@ -33,7 +33,7 @@ const EditHomepage = () => {
             .with(
               { data: { contentBySlug: P.select({ content: P.string }) } },
               (content) => (
-                <EditView
+                <EditEditor
                   data={content}
                   userId={user?.email as string}
                   token={token as string}

apps/stock-center/src/pages/index/editable.tsx

@@ -7,7 +7,11 @@ import {
   CatalogLinks,
   FileLinks,
 } from "@dictybase/ui-dsc"
-import { EditableView, LoadingDisplay, OtherError } from "@dictybase/ui-common"
+import {
+  EditableEditor,
+  LoadingDisplay,
+  OtherError,
+} from "@dictybase/ui-common"
 import { useContentBySlugQuery } from "dicty-graphql-schema"
 import { match, P } from "ts-pattern"
 import { ACCESS } from "auth"
@@ -30,7 +34,7 @@ const EditableHomepage = () => {
           {match(result)
             .with(
               { data: { contentBySlug: P.select({ content: P.string }) } },
-              (content) => <EditableView data={content} />,
+              (content) => <EditableEditor data={content} />,
             )
             .with({ loading: true }, () => <LoadingDisplay rows={4} />)
             .with({ error: P.not(undefined) }, () => <OtherError />)

apps/stock-center/src/pages/index/index.tsx

@@ -7,7 +7,7 @@ import {
   CatalogLinks,
   FileLinks,
 } from "@dictybase/ui-dsc"
-import { ContentView, LoadingDisplay, OtherError } from "@dictybase/ui-common"
+import { LoadingDisplay, OtherError, ContentEditor } from "@dictybase/ui-common"
 import { useContentBySlugQuery } from "dicty-graphql-schema"
 import { match, P } from "ts-pattern"
 import { ACCESS } from "auth"
@@ -31,7 +31,7 @@ const ShowHomepage = () => {
           {match(result)
             .with(
               { data: { contentBySlug: P.select({ content: P.string }) } },
-              (content) => <ContentView data={content} />,
+              (content) => <ContentEditor data={content} />,
             )
             .with({ loading: true }, () => <LoadingDisplay rows={4} />)
             .with({ error: P.not(undefined) }, () => <OtherError />)

apps/stock-center/src/pages/index/show.tsx

@@ -7,7 +7,7 @@ import {
   CatalogLinks,
   FileLinks,
 } from "@dictybase/ui-dsc"
-import { ContentView, LoadingDisplay, OtherError } from "@dictybase/ui-common"
+import { LoadingDisplay, OtherError, ContentEditor } from "@dictybase/ui-common"
 import { useContentBySlugQuery } from "dicty-graphql-schema"
 import { match, P } from "ts-pattern"
 import { ACCESS } from "auth"
@@ -31,7 +31,7 @@ const ShowHomepage = () => {
           {match(result)
             .with(
               { data: { contentBySlug: P.select({ content: P.string }) } },
-              (content) => <ContentView data={content} />,
+              (content) => <ContentEditor data={content} />,
             )
             .with({ loading: true }, () => <LoadingDisplay rows={4} />)
             .with({ error: P.not(undefined) }, () => <OtherError />)