From 71c761187f0e645ef06808fac930045589cb7c1a Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp.dormann1@gmail.com>
Date: Sat, 9 Jan 2021 15:58:58 +0100
Subject: [PATCH] UserOverview cleanup

ref #12
---
 src/components/UserDetailOne.svelte | 16 +++-------------
 src/components/UsersDetail.svelte   |  2 +-
 src/locales/en.json                 |  1 +
 3 files changed, 5 insertions(+), 14 deletions(-)

diff --git a/src/components/UserDetailOne.svelte b/src/components/UserDetailOne.svelte
index 7e5619b0..6f0d0ca2 100644
--- a/src/components/UserDetailOne.svelte
+++ b/src/components/UserDetailOne.svelte
@@ -1,19 +1,9 @@
 <script>
-  import { _, json } from "svelte-i18n";
-  import Toastify from "toastify-js";
-  import TracksEmptyState from "./TracksEmptyState.svelte";
-  import { TrackService, UserService } from "@odit/lfk-client-js";
-  import { getlang } from "./datatable_i18n";
-  import { Grid, html } from "gridjs";
+  import { _ } from "svelte-i18n";
+  import { UserService } from "@odit/lfk-client-js";
   import "gridjs/dist/theme/mermaid.css";
   import { tracks as tracksstore } from "../store.js";
-  import UsersEmptyState from "./UsersEmptyState.svelte";
   import PromiseError from "./PromiseError.svelte";
-  $: userscache = [];
-  $: blocked = [];
-  let table;
-  let datatable;
-  let datatable_inited = false;
   export let params;
   const user_promise = UserService.userControllerGetOne(params.userid);
   tracksstore.subscribe((val) => {
@@ -82,7 +72,7 @@
     <!--  -->
     <div class="mt-2 flex items-center">
       <img
-        alt="Profile Picture"
+        alt={$_('profile-picture')}
         class="inline-block h-20 w-20 rounded-full overflow-hidden bg-gray-100"
         src={user.profilePic} />
       <!-- <span
diff --git a/src/components/UsersDetail.svelte b/src/components/UsersDetail.svelte
index b926d41e..ca3badd6 100644
--- a/src/components/UsersDetail.svelte
+++ b/src/components/UsersDetail.svelte
@@ -113,7 +113,7 @@
                 <a
                   href="./{u.id}"
                   class="text-indigo-600 hover:text-indigo-900">Edit</a>
-                <a href="#" class="ml-4 text-red-600 hover:text-red-900">Delete</a>
+                <span tabindex="0" href="#" class="ml-4 text-red-600 hover:text-red-900 cursor-pointer">Delete</span>
               </td>
             </tr>
           {/each}
diff --git a/src/locales/en.json b/src/locales/en.json
index dd2357e7..bd8bde1b 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -58,6 +58,7 @@
     "oss_credit_description": "We use a lot of open source software on these projects, and would like to thank the following projects and contributors who help make open source great!",
     "password": "Password",
     "please-provide-the-required-information-to-add-a-new-track": "Please provide the required information to add a new track.",
+    "profile-picture": "Profile Picture",
     "read-license": "Read License",
     "register": "Register",
     "repo_link": "Link",