feat: Bulk HTML export (#4620)

* wip

* Working bulk html export

* Refactor

* test

* test

app/components/ConfirmationDialog.tsx

@@ -51,7 +51,7 @@ const ConfirmationDialog: React.FC<Props> = ({
       <form onSubmit={handleSubmit}>
         <Text type="secondary">{children}</Text>
         <Button type="submit" disabled={isSaving} danger={danger} autoFocus>
-          {isSaving ? savingText : submitText}
+          {isSaving && savingText ? savingText : submitText}
         </Button>
       </form>
     </Flex>

app/components/Icons/Markdown.tsx

@@ -0,0 +1,31 @@
+import * as React from "react";
+
+type Props = {
+  size?: number;
+  color?: string;
+};
+
+export default function MarkdownIcon({
+  size = 24,
+  color = "currentColor",
+}: Props) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M19.2692 7H3.86538C3.38745 7 3 7.38476 3 7.85938V16.2812C3 16.7559 3.38745 17.1406 3.86538 17.1406H19.2692C19.7472 17.1406 20.1346 16.7559 20.1346 16.2812V7.85938C20.1346 7.38476 19.7472 7 19.2692 7Z"
+        stroke={color}
+        stroke-width="2"
+      />
+      <path
+        d="M5.16345 14.9922V9.14844H6.89422L8.62499 11.2969L10.3558 9.14844H12.0865V14.9922H10.3558V11.6406L8.62499 13.7891L6.89422 11.6406V14.9922H5.16345ZM15.9808 14.9922L13.3846 12.1562H15.1154V9.14844H16.8461V12.1562H18.5769L15.9808 14.9922Z"
+        fill={color}
+      />
+    </svg>
+  );
+}

app/components/InputSelect.tsx

@@ -42,7 +42,7 @@ export type Props = {
   icon?: React.ReactNode;
   options: Option[];
   note?: React.ReactNode;
-  onChange: (value: string | null) => void;
+  onChange?: (value: string | null) => void;
 };
 
 const getOptionFromValue = (options: Option[], value: string | null) => {
@@ -109,7 +109,7 @@ const InputSelect = (props: Props) => {
     previousValue.current = select.selectedValue;
 
     async function load() {
-      await onChange(select.selectedValue);
+      await onChange?.(select.selectedValue);
     }
 
     load();

app/components/InputSelectPermission.tsx

@@ -21,7 +21,7 @@ export default function InputSelectPermission(
         value = "";
       }
 
-      onChange(value);
+      onChange?.(value);
     },
     [onChange]
   );