move styles

components/ContextMenu.tsx

@@ -1,6 +1,6 @@
 import {ipcRenderer, clipboard} from "electron"
 import React, {useEffect, useState, useRef} from "react"
-import "../styles/contextmenu.less"
+import "./styles/contextmenu.less"
 
 const ContextMenu: React.FunctionComponent = (props) => {
     const [visible, setVisible] = useState(false)

components/ExportDialog.tsx

@@ -1,7 +1,7 @@
 import {ipcRenderer} from "electron"
 import React, {useEffect, useState} from "react"
 import functions from "../structures/functions"
-import "../styles/exportdialog.less"
+import "./styles/exportdialog.less"
 
 const ExportDialog: React.FunctionComponent = (props) => {
     const [visible, setVisible] = useState(false)

components/FXDialog.tsx

@@ -9,7 +9,7 @@ import lightnessIcon from "../assets/icons/lightness.png"
 import blurIcon from "../assets/icons/blur.png"
 import sharpenIcon from "../assets/icons/sharpen.png"
 import pixelateIcon from "../assets/icons/pixelate.png"
-import "../styles/fxdialog.less"
+import "./styles/fxdialog.less"
 import Slider from "react-slider"
 
 const FXDialog: React.FunctionComponent = (props) => {

components/LinkDialog.tsx

@@ -1,7 +1,7 @@
 import {ipcRenderer, clipboard} from "electron"
 import React, {useEffect, useState, useRef} from "react"
 import searchIcon from "../assets/icons/search-icon.png"
-import "../styles/linkdialog.less"
+import "./styles/linkdialog.less"
 
 const LinkDialog: React.FunctionComponent = (props) => {
     const [visible, setVisible] = useState(false)

components/ReverseDialog.tsx

@@ -1,6 +1,6 @@
 import {ipcRenderer} from "electron"
 import React, {useEffect, useState} from "react"
-import "../styles/reversedialog.less"
+import "./styles/reversedialog.less"
 
 const ReverseDialog: React.FunctionComponent = (props) => {
     const [visible, setVisible] = useState(false)

components/TitleBar.tsx

@@ -28,7 +28,7 @@ import transparentButton from "../assets/icons/transparent.png"
 import transparentButtonHover from "../assets/icons/transparent-hover.png"
 import {HoverContext} from "../renderer"
 import pack from "../package.json"
-import "../styles/titlebar.less"
+import "./styles/titlebar.less"
 
 const TitleBar: React.FunctionComponent = (props) => {
     const {hover, setHover} = useContext(HoverContext)

components/VersionDialog.tsx

@@ -1,7 +1,7 @@
 import {ipcRenderer} from "electron"
 import {app} from "@electron/remote"
 import React, {useEffect, useState} from "react"
-import "../styles/versiondialog.less"
+import "./styles/versiondialog.less"
 
 const VersionDialog: React.FunctionComponent = (props) => {
     const [version, setVersion] = useState(app.getVersion())

components/VideoPlayer.tsx

@@ -45,7 +45,7 @@ import fastForwardButton from "../assets/icons/fastforward.png"
 import fastForwardButtonHover from "../assets/icons/fastforward-hover.png"
 import {useDropzone} from "react-dropzone"
 import placeholder from "../assets/images/placeholder.png"
-import "../styles/videoplayer.less"
+import "./styles/videoplayer.less"
 
 const videoExtensions = [".mp4", ".mov", ".avi", ".mkv", ".webm", ".m4v"]
 const audioExtensions = [".mp3", ".wav", ".ogg"]
@@ -153,7 +153,7 @@ const VideoPlayer: React.FunctionComponent = (props) => {
             ipcRenderer.removeListener("upload-file", uploadFile)
             ipcRenderer.removeListener("open-link", openLink)
             window.removeEventListener("click", onClick)
-            window.clearInterval()
+            window.clearInterval(undefined)
         }
     }, [])
 

styles/contextmenu.less → components/styles/contextmenu.less

@@ -1,4 +1,4 @@
-@import "../index.less";
+@import "../../index.less";
 
 .context-menu {
     position: absolute;

styles/exportdialog.less → components/styles/exportdialog.less

@@ -1,4 +1,4 @@
-@import "../index.less";
+@import "../../index.less";
 @import "./titlebar.less";
 
 .export-dialog {

styles/fxdialog.less → components/styles/fxdialog.less

@@ -1,4 +1,4 @@
-@import "../index.less";
+@import "../../index.less";
 @import "./titlebar.less";
 
 .fx-dialog {

styles/linkdialog.less → components/styles/linkdialog.less

@@ -1,4 +1,4 @@
-@import "../index.less";
+@import "../../index.less";
 @import "./titlebar.less";
 
 .link-dialog {

styles/reversedialog.less → components/styles/reversedialog.less

@@ -1,4 +1,4 @@
-@import "../index.less";
+@import "../../index.less";
 @import "./titlebar.less";
 
 .reverse-dialog {

styles/titlebar.less → components/styles/titlebar.less

@@ -1,4 +1,4 @@
-@import "../index.less";
+@import "../../index.less";
 
 @title-bar-height: 30px;
 

styles/versiondialog.less → components/styles/versiondialog.less

@@ -1,4 +1,4 @@
-@import "../index.less";
+@import "../../index.less";
 @import "./titlebar.less";
 
 .version-dialog {

styles/videoplayer.less → components/styles/videoplayer.less

@@ -1,4 +1,4 @@
-@import "../index.less";
+@import "../../index.less";
 @import "./titlebar.less";
 
 .video-player {
@@ -154,13 +154,13 @@
 
 .ab-slider-thumb-0 {
     .ab-slider-thumb();
-    content: url("../assets/icons/a-button.png");
+    content: url("../../assets/icons/a-button.png");
     background-color: transparent;
 }
 
 .ab-slider-thumb-1 {
     .ab-slider-thumb();
-    content: url("../assets/icons/b-button.png");
+    content: url("../../assets/icons/b-button.png");
     background-color: transparent;
 }
 
@@ -184,7 +184,7 @@
 }
 
 .progress-slider-thumb {
-    content: url("../assets/icons/volume-thumb.png");
+    content: url("../../assets/icons/volume-thumb.png");
     background-color: transparent;
     margin-top: -10px;
     border: none;
@@ -222,7 +222,7 @@
 }
 
 .volume-slider-thumb {
-    content: url("../assets/icons/volume-thumb.png");
+    content: url("../../assets/icons/volume-thumb.png");
     background-color: transparent;
     border: none;
     height: 1rem;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "video-player",
-  "version": "0.1.9",
+  "version": "0.2.0",
   "description": "A video player with reversing and time stretching effects",
   "main": "dist/main.js",
   "scripts": {