Fixed sorting

Author: deusprogrammer

release/app/package.json

@@ -1,6 +1,6 @@
 {
     "name": "dub-editor-sa-electron",
-    "version": "2.3.0-beta",
+    "version": "2.4.0-beta",
     "description": "A dub editor for What the Dub and Rifftrax games by Wide Right Studios",
     "license": "MIT",
     "author": {

src/main/main.ts

@@ -208,10 +208,6 @@ const addToCollection = (
         }
     });
 
-    const collection = collections[game][collectionId];
-    collection.sort();
-    collections[game][collectionId] = collection;
-
     const {collectionMeta} = getConfigDirectories();
 
     log.info("WRITING TO " + collectionMeta);
@@ -237,10 +233,6 @@ const removeFromCollection = (game: string, collectionId: string, videoId: strin
         (element: string) => element !== videoId
     );
 
-    const collection = collections[game][collectionId];
-    collection.sort();
-    collections[game][collectionId] = collection;
-
     const {collectionMeta} = getConfigDirectories();
 
     // Store updated file
@@ -1030,10 +1022,6 @@ ipcMain.handle('addToCollection', (event, { collectionId, videoId, game }) => {
         collections[game][collectionId].push(videoId);
     }
 
-    const collection = collections[game][collectionId];
-    collection.sort();
-    collections[game][collectionId] = collection;
-
     const {collectionMeta} = getConfigDirectories();
 
     // Store updated file
@@ -1059,10 +1047,6 @@ ipcMain.handle(
             (element: string) => element !== videoId
         );
 
-        const collection = collections[game][collectionId];
-        collection.sort();
-        collections[game][collectionId] = collection;
-
         const {collectionMeta} = getConfigDirectories();
 
         // Store updated file

src/renderer/components/ClipTable.jsx

@@ -94,6 +94,8 @@ export default ({
         });
     }
 
+    videos.sort((a, b) => a.name.localeCompare(b.name));
+
     return (
         <div>
             <div

src/renderer/components/TimeLine.jsx

@@ -76,10 +76,38 @@ export default ({
 
     return (
         <div className="timeline">
-            <div style={{ textAlign: 'left' }}>
-                <span>
+            <div
+                style={{
+                    display: 'flex',
+                    flexDirection: 'row',
+                    justifyContent: 'space-between',
+                }}
+            >
+                <div>
                     {convertMillisecondsToTimestamp(currentSliderPosition)}
-                </span>
+                </div>
+                <div>
+                    {!isPlaying && currentPosition < videoLength ? (
+                        <button
+                            onClick={() => {
+                                if (currentSliderPosition < videoLengthMs) {
+                                    onStateChange(true);
+                                }
+                            }}
+                        >
+                            Play
+                        </button>
+                    ) : (
+                        <button
+                            onClick={() => {
+                                onStateChange(false);
+                            }}
+                        >
+                            Pause
+                        </button>
+                    )}
+                </div>
+                <div></div>
             </div>
             <input
                 type="range"

src/renderer/routes/editor/AdvancedEditor.jsx

@@ -547,7 +547,6 @@ let AdvancedEditor = () => {
                                         currentSliderPosition <=
                                             batchClip.clip.endTime))
                             }
-                            controls={true}
                             videoPosition={currentPosition}
                             subs={subs}
                             offset={offset}