Removed unused files and consolidated Alert Bar (#335)

frontends/dashboard/src/components/AlertBar.svelte

@@ -1,5 +1,14 @@
 <script lang="ts">
-  import { AlertTypes } from '$components/AlertBar.types'
+  enum AlertTypes {
+    Primary = 'primary',
+    Secondary = 'secondary',
+    Success = 'success',
+    Danger = 'danger',
+    Warning = 'warning',
+    Info = 'info',
+    Light = 'light',
+    Dark = 'dark',
+  }
 
   export let title: string = ''
   export let text: string = ''

frontends/dashboard/src/components/AlertBar.types.ts

@@ -1,10 +0,0 @@
-export enum AlertTypes {
-  Primary = 'primary',
-  Secondary = 'secondary',
-  Success = 'success',
-  Danger = 'danger',
-  Warning = 'warning',
-  Info = 'info',
-  Light = 'light',
-  Dark = 'dark',
-}

frontends/dashboard/src/components/Clipboard.svelte

@@ -18,7 +18,7 @@
 
 <slot {copy} />
 
-<textarea bind:this={textarea} value={text} />
+<textarea bind:this={textarea}>{text}</textarea>
 
 <style>
   textarea {

frontends/dashboard/src/components/MiniEdit.svelte

@@ -1,67 +0,0 @@
-<script lang="ts">
-  import TinyButton from '$components/helpers/TinyButton.svelte'
-  import { LoggerService } from '$shared'
-
-  export let value: string = ''
-  export let disabled: boolean = false
-  export let save: (newValue: string) => Promise<string> = async () => 'saved'
-
-  const { dbg, error } = LoggerService().create('MiniEdit.svelte')
-
-  let msg = ''
-  let err = ''
-  let oldValue = value
-  let editedValue = value
-  let editMode = false
-  let inputField: HTMLInputElement
-
-  const startEdit = () => {
-    msg = ''
-    err = ''
-    oldValue = editedValue
-    editMode = true
-    setTimeout(() => {
-      inputField.focus()
-      inputField.select()
-    }, 0)
-  }
-  const cancelEdit = () => {
-    editedValue = oldValue
-    editMode = false
-  }
-
-  const saveEdit = () => {
-    msg = ''
-    err = ''
-    save(editedValue)
-      .then((res) => {
-        editMode = false
-        msg = res
-      })
-      .catch((e) => {
-        error(`Got an error on save`, e)
-        err = e.data?.data?.subdomain?.message || e.message
-      })
-  }
-</script>
-
-{#if !editMode || disabled}
-  {editedValue}
-  <TinyButton click={startEdit} {disabled}>edit</TinyButton>
-{/if}
-{#if editMode && !disabled}
-  <input
-    bind:this={inputField}
-    type="text"
-    bind:value={editedValue}
-    on:focus={(event) => inputField.select()}
-  />
-  <TinyButton style="success" {disabled} click={saveEdit}>save</TinyButton>
-  <TinyButton style="danger" {disabled} click={cancelEdit}>cancel</TinyButton>
-{/if}
-{#if msg}
-  <span class="text-success">{msg}</span>
-{/if}
-{#if err}
-  <span class="text-danger">{err}</span>
-{/if}

frontends/dashboard/src/components/MiniToggle.svelte

@@ -1,31 +0,0 @@
-<script lang="ts">
-  import { uniqueId } from '@s-libs/micro-dash'
-
-  export let value: boolean = false
-  export let save: (newValue: boolean) => Promise<string> = async () => 'saved'
-
-  const id = uniqueId()
-  let msg = ''
-
-  const onChange = () => {
-    save(value)
-      .then((res) => {
-        msg = res
-      })
-      .catch((e) => {
-        msg = e.message
-      })
-  }
-</script>
-
-<div class="form-check form-switch">
-  <input
-    class="form-check-input"
-    type="checkbox"
-    role="switch"
-    {id}
-    bind:checked={value}
-    on:change={onChange}
-  />
-  <label class="form-check-label" for={id}><slot /></label>
-</div>