From cc7584a223736a5e59192433889b4163c8516a24 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=A0imon=20Brandner?= <simon.bra.ag@gmail.com>
Date: Sat, 30 Jul 2022 10:02:07 +0200
Subject: [PATCH] `UserMenuContainer`
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
---
 src/{UserMenuContainer.jsx => UserMenuContainer.tsx} | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)
 rename src/{UserMenuContainer.jsx => UserMenuContainer.tsx} (90%)

diff --git a/src/UserMenuContainer.jsx b/src/UserMenuContainer.tsx
similarity index 90%
rename from src/UserMenuContainer.jsx
rename to src/UserMenuContainer.tsx
index 18d52db..85cb1d7 100644
--- a/src/UserMenuContainer.jsx
+++ b/src/UserMenuContainer.tsx
@@ -1,12 +1,17 @@
 import React, { useCallback } from "react";
 import { useHistory, useLocation } from "react-router-dom";
+
 import { useClient } from "./ClientContext";
 import { useProfile } from "./profile/useProfile";
 import { useModalTriggerState } from "./Modal";
 import { ProfileModal } from "./profile/ProfileModal";
 import { UserMenu } from "./UserMenu";
 
-export function UserMenuContainer({ preventNavigation }) {
+interface Props {
+  preventNavigation: boolean;
+}
+
+export function UserMenuContainer({ preventNavigation }: Props) {
   const location = useLocation();
   const history = useHistory();
   const { isAuthenticated, isPasswordlessUser, logout, userName, client } =
@@ -15,7 +20,7 @@ export function UserMenuContainer({ preventNavigation }) {
   const { modalState, modalProps } = useModalTriggerState();
 
   const onAction = useCallback(
-    (value) => {
+    (value: string) => {
       switch (value) {
         case "user":
           modalState.open();