Merge pull request #33 from ewenme/feedback

links

Author: ewenme

src/about.js

@@ -1,5 +1,3 @@
-import React from "react";
-
 function About() {
     return (
             <div className="prose">
@@ -11,31 +9,24 @@ function About() {
               <a href="https://en.wikipedia.org/wiki/Traktor">Traktor</a> into
               tracklists.
               </p>
-              <p>
-              <a href="https://ewen6.typeform.com/to/meXt691B">Feedback welcome :]</a>
-              </p>
-              <p>
-              <a href="https://github.com/ewenme/tracklister">Pull Requests also welcome !</a>
-              </p>
               <h4>Rekordbox support</h4>
               <p>
-              Any playlist can be exported from Rekordbox by right-clicking,
-              selecting "Export a playlist to a file", then "Export a playlist
-              to a file for KUVO (*.txt)". 
-              N.B. history files can be
-              exported in the same way — find them under the "Histories" tab
-              inside the explorer pane.
+              To export a playlist or history file from Rekordbox, right-click it and
+              select "Export a playlist to a file" → "Export a playlist to a
+              file for KUVO (*.txt)".
               </p>
               <h4>Traktor support</h4>
               <p>
-              Any playlist can be exported from Traktor by right-clicking, then
-              selecting "Export Playlist", and ensuring "NML" filetype is
-              active. Traktor also exports all sessions as .nml history files —
-              see{" "}
+              To export a playlist from Traktor, right-click it, select
+              "Export Playlist", and ensure the filetype is set to "NML".
+              Traktor saves all sessions as .nml history files —{" "}
               <a href="https://support.native-instruments.com/hc/en-us/articles/210274225-What-Files-and-Folders-does-TRAKTOR-Install-on-my-System-">
-                this article
-              </a>{" "}
-              for more info.
+                learn more here
+              </a>
+              .
+              </p>
+              <p>
+              Made by <a href="https://ewen.io">ewen</a>. <a href="https://github.com/ewenme/tracklister">View source</a>.
               </p>
             </div>
     )

src/app.js

@@ -1,4 +1,4 @@
-import React, { Component } from "react";
+import { Component } from "react";
 import Dropzone from "react-dropzone";
 import Tracklist from "./tracklist";
 import TrackNoToggle from "./track-no-toggle";
@@ -58,8 +58,8 @@ class App extends Component {
     const { track_data, track_numbers } = this.state;
 
     return (
-      <div className="container mx-auto flex flex-col md:flex-row p-4 gap-4 md:gap-6">
-          <div className="w-full md:w-64 shrink-0 p-4 border-4 min-h-[120px] md:min-h-0">
+      <div className="container mx-auto flex flex-col p-4 gap-4 md:gap-6">
+          <div className="w-full p-4 border-4">
           <Dropzone onDrop={this.onDrop} accept=".nml, .txt" multiple={false}>
             {({ getRootProps, getInputProps, isDragActive }) => (
               <div className="flex h-full items-center justify-center text-center" {...getRootProps({})}>

src/clipboard.js

@@ -1,4 +1,3 @@
-import React from "react";
 import useClipboard from "react-use-clipboard";
 
 function tracksAsString(tracks, track_no_status) {

src/track-no-toggle.js

@@ -1,4 +1,3 @@
-import React from "react";
 import Toggle from "react-toggle";
 
 function TrackNoToggle(props) {

src/tracklist.js

@@ -1,4 +1,3 @@
-import React from "react";
 import About from "./about.js";
 
 const TrackLayout = props => {