Refactor variable names

src/lib/FileViewer.svelte

@@ -5,16 +5,16 @@
 
   import { filterFileRequirements } from "../utils/filterFileRequirements";
 
-  let files;
+  let acceptedFiles;
-  let filesRendered = false;
+  let rejectedFiles;
-  let filesRejected;
+  let isAcceptedFilesRendered = false;
   const fileRequirements = {
     supportedFormats: [".pes"],
     maxSize: 700000,
   };
 
   const onSubmit = () => {
-    filesRendered = true;
+    isAcceptedFilesRendered = true;
   };
 
   const onDrop = (evt) => {
@@ -22,16 +22,16 @@
   };
 
   const onChange = (evt) => {
-    files = null;
+    acceptedFiles = null;
-    filesRendered = false;
+    isAcceptedFilesRendered = false;
 
     const changedFiles = evt.dataTransfer
       ? evt.dataTransfer.files
       : evt.target.files;
 
     const results = filterFileRequirements(changedFiles, fileRequirements);
-    files = results.accepted;
+    acceptedFiles = results.accepted;
-    filesRejected = results.rejected;
+    rejectedFiles = results.rejected;
   };
 
   const onClick = () => {
@@ -58,7 +58,7 @@
   </p>
 
   <Dropzone
-    {files}
+    files={acceptedFiles}
     supportedFormats={fileRequirements.supportedFormats}
     {onKeydown}
     {onClick}
@@ -69,11 +69,11 @@
   <input type="submit" value="Render files" />
 </form>
 
-{#if filesRendered}
+{#if isAcceptedFilesRendered}
-  <CardList {files} />
+  <CardList files={acceptedFiles} />
 {:else}
-  <FileList title="Rejected Files" files={filesRejected} isError />
+  <FileList title="Rejected Files" files={rejectedFiles} isError />
-  <FileList title="Selected Files" {files} />
+  <FileList title="Selected Files" files={rejectedFiles} />
 {/if}
 
 <style>