Revert "Remove unused project name from export dialog (#2427)" (#2436)

src/actions/actionExport.tsx

@@ -1,4 +1,5 @@
 import React from "react";
+import { ProjectName } from "../components/ProjectName";
 import { saveAsJSON, loadFromJSON } from "../data";
 import { load, save, saveAs } from "../components/icons";
 import { ToolButton } from "../components/ToolButton";
@@ -8,6 +9,20 @@ import { register } from "./register";
 import { KEYS } from "../keys";
 import { muteFSAbortError } from "../utils";
 
+export const actionChangeProjectName = register({
+  name: "changeProjectName",
+  perform: (_elements, appState, value) => {
+    return { appState: { ...appState, name: value }, commitToHistory: false };
+  },
+  PanelComponent: ({ appState, updateData }) => (
+    <ProjectName
+      label={t("labels.fileTitle")}
+      value={appState.name || "Unnamed"}
+      onChange={(name: string) => updateData(name)}
+    />
+  ),
+});
+
 export const actionChangeExportBackground = register({
   name: "changeExportBackground",
   perform: (_elements, appState, value) => {

src/actions/index.ts

@@ -31,6 +31,7 @@ export {
 export { actionFinalize } from "./actionFinalize";
 
 export {
+  actionChangeProjectName,
   actionChangeExportBackground,
   actionSaveScene,
   actionSaveAsScene,

src/actions/types.ts

@@ -42,6 +42,7 @@ export type ActionName =
   | "undo"
   | "redo"
   | "finalize"
+  | "changeProjectName"
   | "changeExportBackground"
   | "changeExportEmbedScene"
   | "changeShouldAddWatermark"