Add button to restore deleted account (#189)

src/renderer/components/account-list.tsx

@@ -1,7 +1,8 @@
 import React from 'react';
-import { AccountInfo } from '../types';
+import { AccountInfo, AppReduxState } from '../types';
 import { useDispatch } from 'react-redux';
-import { selectAccount } from '../lib/reducer';
+import { selectAccount, setAccounts } from '../lib/reducer';
+import { useSelector } from 'react-redux';
 
 export default function AccountList({
 	accounts,
@@ -11,11 +12,30 @@ export default function AccountList({
 	showAccountEdit: () => void;
 }) {
 	const dispatch = useDispatch();
+	const selectedAccount = useSelector((state: AppReduxState) => state.selectedAccount)
+	const hasSelectedAccountBeenDeleted = (() => {
+		if (selectedAccount) {
+			if (accounts.some(account => account.id === selectedAccount.id)) {
+				return false
+			}
+			return true;
+		}
+		return false;
+	})()
+
 	return (
 		<div className="config-page">
 			<div className="account-page-header">
 				<h2 className="config-page__title">Accounts</h2>
 				<div className="account-page-actions">
+					{hasSelectedAccountBeenDeleted && selectedAccount && <button
+						className="add-account-button btn"
+						onClick={() => {
+							dispatch(setAccounts([selectedAccount, ...accounts]));
+						}}
+					>
+						Restore '{selectedAccount.name}'
+					</button>}
 					<button
 						className="add-account-button btn"
 						onClick={() => {