From 4eae6981f8bcc2e1fd47a8f702fd5adc675e23b0 Mon Sep 17 00:00:00 2001
From: Matthias Metelka <62722460+kleinerpirat@users.noreply.github.com>
Date: Thu, 11 Aug 2022 20:41:03 +0200
Subject: [PATCH] Remove RichTextBadge.svelte

---
 ts/editor/LabelContainer.svelte | 10 ++++----
 ts/editor/RichTextBadge.svelte  | 42 ---------------------------------
 2 files changed, 4 insertions(+), 48 deletions(-)
 delete mode 100644 ts/editor/RichTextBadge.svelte

diff --git a/ts/editor/LabelContainer.svelte b/ts/editor/LabelContainer.svelte
index e38c3c690..db3d93a60 100644
--- a/ts/editor/LabelContainer.svelte
+++ b/ts/editor/LabelContainer.svelte
@@ -22,6 +22,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     }
 
     $: icon = off ? chevronRight : chevronDown;
+    $: tooltip = collapsed ? tr.editingExpandField() : tr.editingCollapseField();
 </script>
 
 <div
@@ -32,12 +33,9 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 >
     <span class="clickable" on:click|stopPropagation={toggle}>
         <span class="chevron">
-            <Badge
-                tooltip={tr.editingToggleVisualEditor()}
-                iconSize={80}
-                --icon-align="text-bottom"
-                >{@html icon}
-            </Badge>
+            <Badge {tooltip} iconSize={80} --icon-align="text-bottom"
+                >{@html icon}</Badge
+            >
         </span>
         <slot name="field-name" />
     </span>
diff --git a/ts/editor/RichTextBadge.svelte b/ts/editor/RichTextBadge.svelte
deleted file mode 100644
index 9ab630623..000000000
--- a/ts/editor/RichTextBadge.svelte
+++ /dev/null
@@ -1,42 +0,0 @@
-<!--
-Copyright: Ankitects Pty Ltd and contributors
-License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
--->
-<script lang="ts">
-    import { createEventDispatcher } from "svelte";
-
-    import Badge from "../components/Badge.svelte";
-    import * as tr from "../lib/ftl";
-    import { richTextOff, richTextOn } from "./icons";
-
-    export let off: boolean;
-
-    const dispatch = createEventDispatcher();
-
-    function toggle() {
-        dispatch("toggle");
-    }
-
-    $: icon = off ? richTextOff : richTextOn;
-</script>
-
-<span class="rich-text-badge" class:highlighted={off} on:click|stopPropagation={toggle}>
-    <Badge
-        tooltip={tr.editingToggleVisualEditor()}
-        iconSize={80}
-        --icon-align="text-bottom">{@html icon}</Badge
-    >
-</span>
-
-<style lang="scss">
-    span {
-        opacity: 0.4;
-
-        &.highlighted {
-            opacity: 1;
-        }
-        &:hover {
-            opacity: 0.8;
-        }
-    }
-</style>