From 6de0a962d30a3a8069024f39b3f9432a9e28e766 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Fri, 24 Jun 2022 11:56:50 +0200
Subject: [PATCH 1/3] update browser icons

---
 .../[project]/users/teams/[team]/activity.svelte     | 12 +++++++-----
 .../[project]/users/user/[user]/activity.svelte      | 12 +++++++-----
 .../[project]/users/user/[user]/sessions.svelte      | 12 +++++++-----
 3 files changed, 21 insertions(+), 15 deletions(-)

diff --git a/src/routes/console/[project]/users/teams/[team]/activity.svelte b/src/routes/console/[project]/users/teams/[team]/activity.svelte
index 7b389ee0b..ca1e024d9 100644
--- a/src/routes/console/[project]/users/teams/[team]/activity.svelte
+++ b/src/routes/console/[project]/users/teams/[team]/activity.svelte
@@ -37,11 +37,13 @@
                     {#each response.logs as log}
                         <TableRow>
                             <TableCellText title="Client">
-                                <img
-                                    height="32"
-                                    width="32"
-                                    src={`/icons/color/${log?.clientName.toLocaleLowerCase()}.svg`}
-                                    alt={log.clientName} />
+                                <div class="image-item">
+                                    <img
+                                        height="20"
+                                        width="20"
+                                        src={`/icons/color/${log?.clientName.toLocaleLowerCase()}.svg`}
+                                        alt={log.clientName} />
+                                </div>
                                 <span class="">
                                     <p>
                                         {log.clientName}
diff --git a/src/routes/console/[project]/users/user/[user]/activity.svelte b/src/routes/console/[project]/users/user/[user]/activity.svelte
index 879a104f8..e7ab5ab20 100644
--- a/src/routes/console/[project]/users/user/[user]/activity.svelte
+++ b/src/routes/console/[project]/users/user/[user]/activity.svelte
@@ -37,11 +37,13 @@
                     {#each response.logs as log}
                         <TableRow>
                             <TableCellText title="Client">
-                                <img
-                                    height="50"
-                                    width="50"
-                                    src={`/icons/color/${log?.clientName.toLocaleLowerCase()}.svg`}
-                                    alt={log.clientName} />
+                                <div class="image-item">
+                                    <img
+                                        height="20"
+                                        width="20"
+                                        src={`/icons/color/${log?.clientName.toLocaleLowerCase()}.svg`}
+                                        alt={log.clientName} />
+                                </div>
                                 <p>
                                     {log.clientName}
                                     {log.clientVersion}
diff --git a/src/routes/console/[project]/users/user/[user]/sessions.svelte b/src/routes/console/[project]/users/user/[user]/sessions.svelte
index e0e4ad4dd..e9d7f8ff5 100644
--- a/src/routes/console/[project]/users/user/[user]/sessions.svelte
+++ b/src/routes/console/[project]/users/user/[user]/sessions.svelte
@@ -50,11 +50,13 @@
                     {#each response.sessions as session}
                         <TableRow>
                             <TableCellText title="Client">
-                                <img
-                                    height="32"
-                                    width="32"
-                                    src={`/icons/color/${session?.clientName.toLocaleLowerCase()}.svg`}
-                                    alt={session.clientName} />
+                                <div class="image-item">
+                                    <img
+                                        height="20"
+                                        width="20"
+                                        src={`/icons/color/${session?.clientName.toLocaleLowerCase()}.svg`}
+                                        alt={session.clientName} />
+                                </div>
                                 <span class="">
                                     <p>
                                         {session.clientName}

From 55ca344ec0354b7b84571f53e7fb92dd05108ac2 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Fri, 24 Jun 2022 13:40:10 +0200
Subject: [PATCH 2/3] feat: add tooltip on copy

---
 src/lib/components/copy.svelte | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/copy.svelte b/src/lib/components/copy.svelte
index dda419abf..1d66a0377 100644
--- a/src/lib/components/copy.svelte
+++ b/src/lib/components/copy.svelte
@@ -3,13 +3,15 @@
 
     export let value: string;
 
+    let showTooltip = 'none';
+
     const copy = async () => {
         try {
             await navigator.clipboard.writeText(value);
-            addNotification({
-                message: 'Copied to clipboard.',
-                type: 'success'
-            });
+            showTooltip = 'block';
+            setTimeout(() => {
+                showTooltip = 'none';
+            }, 1000);
         } catch (error) {
             addNotification({
                 message: error.message,
@@ -21,7 +23,12 @@
 
 <div class="input-text-wrapper is-with-end-button">
     <input {value} type="text" class="input-text" disabled />
-    <button type="button" class="input-button" aria-label="Click to copy." on:click={copy}>
+    <button type="button" class="input-button tooltip" aria-label="Click to copy." on:click={copy}>
         <span class="icon-duplicate" aria-hidden="true" />
+        <div class="tootip">
+            <span class="tooltip-popup" style={`display: ${showTooltip}`} role="tooltip">
+                Copied
+            </span>
+        </div>
     </button>
 </div>

From 21c172cd2d626efea578641be86eeda59e88ca87 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Fri, 24 Jun 2022 14:31:30 +0200
Subject: [PATCH 3/3] feat: create fetchUser method & add to login page

---
 src/lib/stores/user.ts     | 19 ++++++++++++++++++-
 src/routes/__layout.svelte |  3 +--
 src/routes/login.svelte    |  2 ++
 3 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/src/lib/stores/user.ts b/src/lib/stores/user.ts
index d0d5dbbb8..4967920da 100644
--- a/src/lib/stores/user.ts
+++ b/src/lib/stores/user.ts
@@ -1,4 +1,21 @@
 import type { Models } from 'src/sdk';
 import { writable } from 'svelte/store';
+import { sdkForConsole } from './sdk';
 
-export const user = writable<Models.User<Record<string, unknown>>>();
+function createUserStore() {
+    const { subscribe, set } = writable<Models.User<Record<string, unknown>>>();
+
+    return {
+        subscribe,
+        set,
+        fetchUser: async () => {
+            try {
+                set(await sdkForConsole.account.get());
+            } catch (error) {
+                //TODO: take care what happens here
+            }
+        }
+    };
+}
+
+export const user = createUserStore();
diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte
index 895e6328f..e93bde02f 100644
--- a/src/routes/__layout.svelte
+++ b/src/routes/__layout.svelte
@@ -5,7 +5,6 @@
 <script lang="ts">
     import { goto } from '$app/navigation';
     import { page } from '$app/stores';
-    import { sdkForConsole } from '$lib/stores/sdk';
     import { user } from '$lib/stores/user';
     import { onMount } from 'svelte';
     import Notifications from '$lib/layout/notifications.svelte';
@@ -16,7 +15,7 @@
     onMount(async () => {
         try {
             if (!$user) {
-                user.set(await sdkForConsole.account.get());
+                user.fetchUser();
             }
 
             if (!$page.url.pathname.startsWith('/console')) {
diff --git a/src/routes/login.svelte b/src/routes/login.svelte
index 386ff841e..a00923a57 100644
--- a/src/routes/login.svelte
+++ b/src/routes/login.svelte
@@ -4,12 +4,14 @@
     import { Button, Form, FormItem, InputEmail, InputPassword } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
     import { sdkForConsole } from '$lib/stores/sdk';
+    import { user } from '$lib/stores/user';
 
     let mail: string, pass: string;
 
     const login = async () => {
         try {
             await sdkForConsole.account.createSession(mail, pass);
+            user.fetchUser();
             addNotification({
                 type: 'success',
                 message: 'Successfully logged in.'