From fb7a37cc893bc00a6bfb2085d17cc4dcdae4dfe4 Mon Sep 17 00:00:00 2001
From: Nejc <nmursi2@gmail.com>
Date: Thu, 13 Jul 2023 23:30:05 +0800
Subject: [PATCH 1/2] fix: wallet connection issues #204 (#209)

---
 src/GlobalStateProvider.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/GlobalStateProvider.tsx b/src/GlobalStateProvider.tsx
index cd1f38f0..403324e8 100644
--- a/src/GlobalStateProvider.tsx
+++ b/src/GlobalStateProvider.tsx
@@ -3,13 +3,13 @@ import { createContext } from 'preact';
 import { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'preact/compat';
 import { useLocation } from 'react-router-dom';
 import { config } from './config';
+import { chainIds } from './config/walletConnect';
 import { storageKeys } from './constants/localStorage';
 import { useLocalStorage } from './hooks/useLocalStorage';
 import { TenantName } from './models/Tenant';
 import { ThemeName } from './models/Theme';
 import { storageService } from './services/storage/local';
 import { walletConnectService } from './services/walletConnect';
-import { chainIds } from './config/walletConnect';
 
 export interface GlobalState {
   dAppName: string;
@@ -69,6 +69,8 @@ const GlobalStateProvider = ({ children }: { children: ReactNode }) => {
 
   const removeWalletAccount = useCallback(() => {
     clear();
+    // remove talisman
+    storageService.remove('@talisman-connect/selected-wallet-name');
     setWallet(undefined);
   }, [clear]);
 

From da107d81f549e6e1c6c8f4f347b482baaf6a668b Mon Sep 17 00:00:00 2001
From: Nejc <nmursi2@gmail.com>
Date: Thu, 13 Jul 2023 23:46:22 +0800
Subject: [PATCH 2/2] refactor: updated logo animation (#203)

---
 src/assets/pendulum-icon-loading.svg | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/assets/pendulum-icon-loading.svg b/src/assets/pendulum-icon-loading.svg
index da2430e0..b849f913 100644
--- a/src/assets/pendulum-icon-loading.svg
+++ b/src/assets/pendulum-icon-loading.svg
@@ -5,23 +5,24 @@
 <style type="text/css">
 	.st0{fill:#32253E;}
 	.pendulum-logo-rotate .rotate {
-		animation: rotate 1.8s linear infinite;
+		animation: rotate 2s linear infinite;
 		transform-origin: center;
 	}
 	@keyframes rotate {
-		0% { transform: rotate(0deg); }
-		18% { transform: rotate(0deg); }
-		82% { transform: rotate(360deg); }
-		100% { transform: rotate(360deg); }
+		0% { transform: rotate(0deg); animation-timing-function: ease-out; }
+		50% { transform: rotate(0deg); animation-timing-function: ease-out; }
+		70% { transform: rotate(-45deg); animation-timing-function: ease-in; }
+		80% { transform: rotate(-45deg); }
+		100% { transform: rotate(0deg); animation-timing-function: ease-out; }
 	}
 </style>
 <g>
-	<g>
+	<g class="rotate">
 		<path class="st0" d="M193.7,96c-52-0.9-96.5,41.6-97.7,93.6c-0.9,35.3,17.3,66.4,44.9,83.8c1.3,0.8,3.1,0.3,3.8-1.1l21.6-43.1
 			c3.2-6.3,2.7-13.9-1.2-19.8c-3.3-5.1-5.2-11.2-5.1-17.7c0.2-16.8,13.5-30.7,30.2-31.6c19.3-1,35.2,15.1,33.7,34.5
 			c-1.2,15.6-13.8,28.1-29.3,29.4c-0.1,0-0.2,0-0.3,0c-7.1,0.5-13.4,4.6-16.6,11l-21.6,43c-0.7,1.4,0,3.1,1.4,3.6
 			c10.9,4.2,22.7,6.4,35.1,6.4c52.5-0.3,95.4-43.4,95.4-95.9C288.1,139.6,246,96.9,193.7,96z"/>
-		<circle class="st0 rotate" cx="128" cy="320" r="32"/>
+		<circle class="st0" cx="128" cy="320" r="32"/>
 	</g>
 </g>
 </svg>