Merge pull request #5 from lgedgar/save-as-filename

Construct "save as" filename from video title if possible

src/components/common/FileElement.tsx

@@ -113,7 +113,13 @@ export default function FileElement({
           service: service,
           identifier: identifier,
         });
-        filename = res?.filename || filename;
+        // TODO: previously this was "always" overriding the filename
+        // here, but i think caller filename should be honored if set.
+        // if there was a reason to always override, then maybe this
+        // should be changed back..?
+        if (!filename) {
+          filename = res?.filename || filename;
+        }
         mimeType = res?.mimeType || mimeType;
       } catch (error) {
         

src/pages/VideoContent/VideoContent.tsx

@@ -170,6 +170,38 @@ export const VideoContent = () => {
 
   const [videoData, setVideoData] = useState<any>(null);
 
+  const saveAsFilename = useMemo(() => {
+
+    // nb. we prefer to construct the local filename to use for
+    // saving, from the video "title" when possible
+    if (videoData?.title) {
+
+      // figure out filename extension
+      let ext = ".mp4";
+      if (videoData?.filename) {
+        // nb. this regex copied from https://stackoverflow.com/a/680982
+        const re = /(?:\.([^.]+))?$/;
+        const match = re.exec(videoData.filename);
+        if (match[1]) {
+          ext = "." + match[1];
+        }
+      }
+
+      return videoData.title + ext;
+    }
+
+    // otherwise use QDN filename if applicable
+    if (videoData?.filename) {
+      return videoData.filename;
+    }
+
+    // TODO: this was the previous value, leaving here as the
+    // fallback for now even though it probably is not needed..?
+    return videoData?.filename ||
+      videoData?.title?.slice(0, 20) + ".mp4";
+
+  }, [videoData]);
+
   const hashMapVideos = useSelector(
     (state: RootState) => state.video.hashMapVideos
   );
@@ -370,9 +402,7 @@ export const VideoContent = () => {
             <FileElement
               fileInfo={{
                 ...videoReference,
-                filename:
-                  videoData?.filename ||
-                  videoData?.title?.slice(0, 20) + ".mp4",
+                filename: saveAsFilename,
                 mimeType: videoData?.videoType || '"video/mp4',
               }}
               title={videoData?.filename || videoData?.title?.slice(0, 20)}