fix(front): Description in EditForm

front/src/components/library/EditForm.vue

@@ -278,11 +278,10 @@ const resetField = (fieldId: string) => {
           </select>
         </template>
         <template v-else-if="fieldConfig.type === 'content'">
-          <Textarea
+          <content-form
             v-model="values[fieldConfig.id].text"
-            :label="fieldConfig.label"
             :field-id="fieldConfig.id"
-            initial-lines="3"
+            :rows="3"
           />
         </template>
         <!-- TODO: Style Attachment Input -->
@@ -349,29 +348,18 @@ const resetField = (fieldId: string) => {
           {{ t('components.library.EditForm.button.cancel') }}
         </Link>
       </Textarea>
-      <Layout flex>
+      <Button
-        <Spacer grow />
+        :is-loading="isLoading"
-        <Button
+        primary
-          :is-loading="isLoading"
+        :disabled="isLoading || !mutationPayload"
-          primary
+      >
-          :disabled="isLoading || !mutationPayload"
+        <span v-if="canEdit">
-        >
+          {{ t('components.library.EditForm.button.submit') }}
-          <span v-if="canEdit">
+        </span>
-            {{ t('components.library.EditForm.button.submit') }}
+        <span v-else>
-          </span>
+          {{ t('components.library.EditForm.button.suggest') }}
-          <span v-else>
+        </span>
-            {{ t('components.library.EditForm.button.suggest') }}
+      </Button>
-          </span>
-        </Button>
-        <Link
-          solid
-          secondary
-          raised
-          :to="{ name: 'library.albums.detail', params: { id: object.id } }"
-        >
-          {{ t('components.library.EditForm.button.cancel') }}
-        </Link>
-      </Layout>
     </form>
   </Layout>
 </template>

front/src/components/ui/Markdown.vue

@@ -6,7 +6,7 @@ import showdown from 'showdown'
 import SanitizedHtml from './SanitizedHtml.vue'
 
 interface Props {
-  md: string
+  md: string | null
 }
 
 const props = defineProps<Props>()