Feat/add homebrew description

src/api-calls/homebrew/_homebrewCollection.type.ts

@@ -6,6 +6,7 @@ export interface BaseHomebrewCollectionDocument {
   type: PackageTypes;
   id: string;
   title: string;
+  description?: string;
   editors: string[];
   viewers?: string[];
   creator: string;

src/pages/Homebrew/HomebrewEditorPage/AboutSection/AboutSection.tsx

@@ -23,6 +23,7 @@ import { arrayRemove } from "firebase/firestore";
 import { removeSelfAsEditor } from "api-calls/homebrew/editorFunction/removeSelfAsEditor";
 import { useNavigate } from "react-router-dom";
 import { BASE_ROUTES, basePaths } from "routes";
+import { Description } from "./Description";
 
 export interface AboutSectionProps {
   id: string;
@@ -131,6 +132,15 @@ export function AboutSection(props: AboutSectionProps) {
             />
           </Grid>
         )}
+        {(!!details.description || isEditor) && (
+          <Grid item xs={12}>
+            <Description
+              expansionId={id}
+              description={details.description ?? ""}
+              isEditor={isEditor}
+            />
+          </Grid>
+        )}
         {details.type === PackageTypes.Expansion && (
           <Grid item xs={12}>
             <Typography variant="overline">Expansion For</Typography>

src/pages/Homebrew/HomebrewEditorPage/AboutSection/Description.tsx

@@ -0,0 +1,37 @@
+import { Box } from "@mui/material";
+import { MarkdownRenderer } from "components/shared/MarkdownRenderer";
+import { MarkdownEditor } from "components/shared/RichTextEditor/MarkdownEditor";
+import { useState } from "react";
+import { useStore } from "stores/store";
+
+export interface DescriptionProps {
+  expansionId: string;
+  description?: string;
+  isEditor?: boolean;
+}
+
+export function Description(props: DescriptionProps) {
+  const { expansionId, description, isEditor } = props;
+  const updateDetails = useStore((store) => store.homebrew.updateExpansion);
+
+  const [localDescription, setLocalDescription] = useState(description ?? "");
+
+  const handleSave = () => {
+    updateDetails(expansionId, { description: localDescription });
+  };
+
+  return (
+    <Box maxWidth={(theme) => theme.breakpoints.values.md}>
+      {isEditor ? (
+        <MarkdownEditor
+          label={"Description"}
+          content={localDescription ?? ""}
+          onChange={(value) => setLocalDescription(value)}
+          onBlur={handleSave}
+        />
+      ) : (
+        <MarkdownRenderer markdown={description ?? ""} />
+      )}
+    </Box>
+  );
+}

src/types/World.type.ts

@@ -5,12 +5,14 @@ export type TRUTH_IDS = (typeof truthIds)[number];
 
 export interface World {
   name: string;
-  truths?: { [key: string]: Truth };
   newTruths?: Record<string, NewTruth>;
   ownerIds: string[];
   worldDescription?: Uint8Array;
+  // Deprecated, use newTruths instead
+  truths?: { [key: string]: Truth };
 }
 
+// Deprecated
 export interface Truth {
   customTruth?: TruthOptionClassic;
   selectedSubItemId?: string | null;