From 79c4f6ddb5dbaad29fb275216e9fad2a069015f7 Mon Sep 17 00:00:00 2001
From: Vojtech Simetka <vojtech@simetka.cz>
Date: Mon, 22 Jan 2024 17:27:29 +0100
Subject: [PATCH] feat: replace babbles icon

---
 src/lib/components/dicebear.svelte            |  3 +-
 src/lib/components/icons/babbles.svelte       | 29 -------------------
 src/routes/+page.svelte                       |  5 ++--
 .../chat/[id]/[[thread_id]]/+page.svelte      | 12 ++++++--
 src/routes/invite/[address]/+page.svelte      |  4 +--
 5 files changed, 15 insertions(+), 38 deletions(-)
 delete mode 100644 src/lib/components/icons/babbles.svelte

diff --git a/src/lib/components/dicebear.svelte b/src/lib/components/dicebear.svelte
index 2e052b91..f665bace 100644
--- a/src/lib/components/dicebear.svelte
+++ b/src/lib/components/dicebear.svelte
@@ -7,7 +7,8 @@
 	export let scale = 75
 	export let radius = 50
 
-	const avatarSize = (size / 2) as any // FIXME: the carbon design icons have native sizes 15, 20, 24 and 32. We should stick to those
+	// FIXME: the carbon design icons have native sizes 16, 20, 24 and 32. We should stick to those
+	const avatarSize = (size / 2) as unknown as 16 | 20 | 24 | 32
 </script>
 
 {#if style === 'user'}
diff --git a/src/lib/components/icons/babbles.svelte b/src/lib/components/icons/babbles.svelte
deleted file mode 100644
index a716b2b3..00000000
--- a/src/lib/components/icons/babbles.svelte
+++ /dev/null
@@ -1,29 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size = 20
-</script>
-
-<svg id="icon" xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox="0 0 32 32">
-	<defs>
-		<style>
-			.cls-1 {
-				fill: none;
-			}
-		</style>
-	</defs>
-	<path
-		d="m28,2h-10c-1.1035,0-2,.8965-2,2v6c0,1.1035.8965,2,2,2h2.4229s1.7314,3,1.7314,3l1.7324-1-2.3096-4h-3.5771V4h10v6h-3s0,2,0,2h3c1.1035,0,2-.8965,2-2V4c0-1.1035-.8965-2-2-2Z"
-	/>
-	<path
-		d="m14.6904,31l-1.7324-1,3.4648-6h5.5771c1.1046,0,2-.8954,2-2v-5h2v5c0,2.2091-1.7909,4-4,4h-4.4229l-2.8867,5Z"
-	/>
-	<circle cx="10" cy="17" r="1" />
-	<circle cx="14" cy="17" r="1" />
-	<circle cx="18" cy="17" r="1" />
-	<path
-		d="m12,26h-6c-2.2091,0-4-1.7909-4-4v-10c0-2.2091,1.7909-4,4-4h8v2H6c-1.1046,0-2,.8954-2,2v10c0,1.1046.8954,2,2,2h6v2Z"
-	/>
-</svg>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 74958388..4aa65f69 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { AddComment, Events } from 'carbon-icons-svelte'
+	import { AddComment, Events, IbmWatsonAssistant } from 'carbon-icons-svelte'
 
 	// Components
 	import Avatar from '$lib/components/avatar.svelte'
@@ -10,7 +10,6 @@
 	import Loading from '$lib/components/loading.svelte'
 	import AuthenticatedOnly from '$lib/components/authenticated-only.svelte'
 	import Layout from '$lib/components/layout.svelte'
-	import Babbles from '$lib/components/icons/babbles.svelte'
 
 	// Stores
 	import { profile } from '$lib/stores/profile'
@@ -181,7 +180,7 @@
 														<Events />
 													{:else if isBabbles(chat)}
 														<span class="truncate">{chat?.name}</span>
-														<Babbles />
+														<IbmWatsonAssistant />
 													{:else}
 														<span class="truncate">
 															{userDisplayName(otherUser)}
diff --git a/src/routes/babbles/chat/[id]/[[thread_id]]/+page.svelte b/src/routes/babbles/chat/[id]/[[thread_id]]/+page.svelte
index 7ce4eb27..d7bed1a4 100644
--- a/src/routes/babbles/chat/[id]/[[thread_id]]/+page.svelte
+++ b/src/routes/babbles/chat/[id]/[[thread_id]]/+page.svelte
@@ -1,6 +1,13 @@
 <script lang="ts">
 	import { beforeUpdate, afterUpdate, onMount } from 'svelte'
-	import { ArrowUp, ChevronLeft, Close, Checkmark, Settings } from 'carbon-icons-svelte'
+	import {
+		ArrowUp,
+		ChevronLeft,
+		Close,
+		Checkmark,
+		IbmWatsonAssistant,
+		Settings,
+	} from 'carbon-icons-svelte'
 
 	import Container from '$lib/components/container.svelte'
 	import Header from '$lib/components/header.svelte'
@@ -23,7 +30,6 @@
 	import { walletStore } from '$lib/stores/wallet'
 	import { formatTimestamp } from '$lib/utils/format'
 	import { errorStore } from '$lib/stores/error'
-	import Babbles from '$lib/components/icons/babbles.svelte'
 
 	let div: HTMLElement
 	let autoscroll = true
@@ -170,7 +176,7 @@
 							{chat?.name}
 						</span>
 						<span class="group-icon">
-							<Babbles />
+							<IbmWatsonAssistant />
 						</span>
 					</svelte:fragment>
 					<svelte:fragment slot="right">
diff --git a/src/routes/invite/[address]/+page.svelte b/src/routes/invite/[address]/+page.svelte
index e90717c4..dff1f8a9 100644
--- a/src/routes/invite/[address]/+page.svelte
+++ b/src/routes/invite/[address]/+page.svelte
@@ -11,8 +11,8 @@
 		Events,
 		CopyLink,
 		Close,
+		IbmWatsonAssistant,
 	} from 'carbon-icons-svelte'
-	import Babbles from '$lib/components/icons/babbles.svelte'
 
 	import Button from '$lib/components/button.svelte'
 	import Container from '$lib/components/container.svelte'
@@ -213,7 +213,7 @@
 			<ButtonBlock borderBottom on:click={() => goto(routes.BABBLES_NEW)}>
 				<Container direction="row" justify="space-between" align="center" alignItems="center">
 					<div class="icon">
-						<Babbles size={20} /> Create babbles
+						<IbmWatsonAssistant size={20} /> Create babbles
 					</div>
 					<div>
 						<Button variant="icon">