Various improvements

components/PoiPanel.tsx

@@ -51,6 +51,7 @@ export default function PoiPanel({ poi, setPoi }: {
       <div className="field">
         <label htmlFor={`${id}-desc`}>Description</label>
         <textarea
+          rows={8}
           name="POI Description"
           id={`${id}-desc`}
           value={poi.desc}

components/TourEditor.tsx

@@ -74,7 +74,7 @@ export default function TourEditor({ tour, setTour }: { tour: TourModel, setTour
   return (
     <div className={styles.TourEditor}>
       <MapControllerContext.Provider value={mapController}>
-        <div style={{ display: panel.which === "tour" ? undefined : "none" }}>
+        <div className={styles.tourPanelContainer} style={{ display: panel.which === "tour" ? undefined : "none" }}>
           <TourPanel
             tour={tour}
             setTour={setTour}

components/TourPanel.tsx

@@ -55,7 +55,7 @@ export default function TourPanel({ tour, setTour, displayPanel }: {
       <div className="field">
         <label htmlFor={`${id}-desc`}>Description</label>
         <textarea
-          rows={3}
+          rows={8}
           name="Tour Description"
           id={`${id}-desc`}
           value={tour.desc}

components/WaypointPanel.tsx

@@ -72,6 +72,7 @@ export default function WaypointPanel({ waypoint, setWaypoint }: {
       <div className="field">
         <label htmlFor={`${id}-desc`}>Description</label>
         <textarea
+          rows={8}
           name="Waypoint Description"
           id={`${id}-desc`}
           value={waypoint.desc}
@@ -106,6 +107,7 @@ export default function WaypointPanel({ waypoint, setWaypoint }: {
       <div className="field"> 
         <label htmlFor={`${id}-transcript`}>Transcript</label>
         <textarea
+          rows={8}
           name="Narration Transcript"
           id={`${id}-transcript`}
           value={waypoint.transcript ?? ""}

pages/project.tsx

@@ -160,7 +160,7 @@ function ProjectSidebar({ screen, setScreen }: {
 function ProjectButtons() {
   function handleExport() {
     toast.promise(
-      exportProject(),
+      exportProject().catch(e => console.error(e)),
       {
         pending: "Exporting tour...",
         success: "Tour successfully exported!",

src-tauri/src/export.rs

@@ -71,6 +71,8 @@ enum ControlMode {
     Route,
     #[serde(rename = "path")]
     Path,
+    #[serde(rename = "none")]
+    None,
 }
 
 #[derive(Serialize, Deserialize)]

styles/TourEditor.module.css

@@ -2,12 +2,18 @@
   display: grid;
   grid-template-rows: 1fr;
   grid-template-columns: auto 1fr;
+  height: 100vh;
 }
 
 .Subpanel {
   display: grid;
   grid-template-rows: auto 1fr;
   grid-template-columns: 1fr;
+  height: 100vh;
+}
+
+.tourPanelContainer {
+  overflow: auto;
 }
 
 .subpanelBar {

styles/TourPanel.module.css

@@ -5,6 +5,7 @@
   display: flex;
   flex-direction: column;
   gap: 5px;
+  overflow: auto;
 }
 
 .waypointsHeader {

styles/WaypointPanel.module.css

@@ -5,6 +5,7 @@
   display: flex;
   flex-direction: column;
   gap: 5px;
+  overflow: auto;
 }
 
 .controlTypeSelector {