From 7056cd454d7b9b1059ea9d229a9ecc49d3ced6aa Mon Sep 17 00:00:00 2001
From: Alexander Platov <sas_lord@mail.ru>
Date: Mon, 30 Aug 2021 19:17:19 +0300
Subject: [PATCH] Clean Attachments (#94)

Signed-off-by: Alexander Platov <sas_lord@mail.ru>
---
 .../src/components/Attachments.svelte         | 44 +++++++------------
 1 file changed, 15 insertions(+), 29 deletions(-)

diff --git a/plugins/recruit-resources/src/components/Attachments.svelte b/plugins/recruit-resources/src/components/Attachments.svelte
index b09d80e5b1..f1c3c805cc 100644
--- a/plugins/recruit-resources/src/components/Attachments.svelte
+++ b/plugins/recruit-resources/src/components/Attachments.svelte
@@ -20,40 +20,34 @@
     id: number,
     name: string,
     ext: string,
-    description: string,
-    tags: Array<string>
+    description: string
   }
 
   export let files: Array<IFile> = [
-    { id: 1, name: 'Application description.pdf', ext: 'pdf', description: 'PDF / 2,5 MB', tags: ['Description', 'Tag'] },
-    { id: 2, name: 'Location', ext: 'jpg', description: 'JPG / 2,5 MB', tags: ['Benefits'] },
-    { id: 1, name: 'Application description.pdf', ext: 'pdf', description: 'PDF / 2,5 MB', tags: ['Description', 'Tag'] },
-    { id: 2, name: 'Location', ext: 'jpg', description: 'JPG / 2,5 MB', tags: ['Benefits'] },
-    { id: 1, name: 'Application description.pdf', ext: 'pdf', description: 'PDF / 2,5 MB', tags: ['Description', 'Tag'] },
-    { id: 2, name: 'Location', ext: 'jpg', description: 'JPG / 2,5 MB', tags: ['Benefits'] },
-    { id: 1, name: 'Application description.pdf', ext: 'pdf', description: 'PDF / 2,5 MB', tags: ['Description', 'Tag'] },
-    { id: 2, name: 'Location', ext: 'jpg', description: 'JPG / 2,5 MB', tags: ['Benefits'] },
-    { id: 1, name: 'Application description.pdf', ext: 'pdf', description: 'PDF / 2,5 MB', tags: ['Description', 'Tag'] },
-    { id: 2, name: 'Location', ext: 'jpg', description: 'JPG / 2,5 MB', tags: ['Benefits'] },
-    { id: 1, name: 'Application description.pdf', ext: 'pdf', description: 'PDF / 2,5 MB', tags: ['Description', 'Tag'] },
-    { id: 2, name: 'Location', ext: 'jpg', description: 'JPG / 2,5 MB', tags: ['Benefits'] },
-    { id: 3, name: 'Requirements', ext: 'doc', description: 'DOC / 2,5 MB', tags: ['Requirements'] }
+    { id: 1, name: 'Application description.pdf', ext: 'pdf', description: 'PDF / 2,5 MB' },
+    { id: 2, name: 'Location', ext: 'jpg', description: 'JPG / 2,5 MB' },
+    { id: 1, name: 'Application description.pdf', ext: 'pdf', description: 'PDF / 2,5 MB' },
+    { id: 2, name: 'Location', ext: 'jpg', description: 'JPG / 2,5 MB' },
+    { id: 1, name: 'Application description.pdf', ext: 'pdf', description: 'PDF / 2,5 MB' },
+    { id: 2, name: 'Location', ext: 'jpg', description: 'JPG / 2,5 MB' },
+    { id: 1, name: 'Application description.pdf', ext: 'pdf', description: 'PDF / 2,5 MB' },
+    { id: 2, name: 'Location', ext: 'jpg', description: 'JPG / 2,5 MB' },
+    { id: 1, name: 'Application description.pdf', ext: 'pdf', description: 'PDF / 2,5 MB' },
+    { id: 2, name: 'Location', ext: 'jpg', description: 'JPG / 2,5 MB' },
+    { id: 1, name: 'Application description.pdf', ext: 'pdf', description: 'PDF / 2,5 MB' },
+    { id: 2, name: 'Location', ext: 'jpg', description: 'JPG / 2,5 MB' },
+    { id: 3, name: 'Requirements', ext: 'doc', description: 'DOC / 2,5 MB' }
   ]
 </script>
 
 <ScrollBox vertical>
   {#each files as file}
-    <div class="item flex-between">
+    <div class="item flex-row-center">
       <div class="flex-center file-icon">{file.ext}</div>
       <div class="flex-col flex-grow">
         <div class="overflow-label caption-color">{file.name}</div>
         <div class="overflow-label file-desc">{file.description}</div>
       </div>
-      <div class="flex-row-center">
-        {#each file.tags as tag}
-          <div class="tag">{tag}</div>
-        {/each}
-      </div>
     </div>
   {/each}
   <div class="item add-file">
@@ -87,13 +81,5 @@
     font-size: 0.75rem;
     color: var(--theme-content-dark-color);
   }
-  .tag {
-    margin-left: 0.5rem;
-    padding: .25rem .75rem;
-    color: var(--theme-caption-color);
-    background-color: var(--theme-button-bg-hovered);
-    border: 1px solid var(--theme-bg-accent-hover);
-    border-radius: 1.875rem;
-  }
   .item + .add-file, .item + .item { border-top: 1px solid var(--theme-bg-accent-hover); }
 </style>
\ No newline at end of file