From 7d3e9be03c6616f8ec4859c29b2cf2957534524c Mon Sep 17 00:00:00 2001
From: Titouan Rigoudy <titouan.rigoudy@gmail.com>
Date: Sun, 7 Nov 2021 17:58:23 +0100
Subject: [PATCH] Use typed dispatch hook.

---
 src/modules/login/LoginStatusPane.tsx | 4 ++--
 src/modules/room/RoomChat.tsx         | 4 ++--
 src/modules/room/RoomChatForm.tsx     | 4 ++--
 src/modules/room/RoomChatHeader.tsx   | 4 ++--
 src/modules/room/RoomList.tsx         | 4 ++--
 src/modules/user/UserList.tsx         | 4 ++--
 6 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/modules/login/LoginStatusPane.tsx b/src/modules/login/LoginStatusPane.tsx
index a94c570..7ac5dd9 100644
--- a/src/modules/login/LoginStatusPane.tsx
+++ b/src/modules/login/LoginStatusPane.tsx
@@ -1,6 +1,6 @@
 import { FC, useEffect } from "react";
-import { useDispatch } from "react-redux";
 
+import { useAppDispatch } from "app/hooks";
 import {
   loginFetchStatus,
   LoginStatus,
@@ -12,7 +12,7 @@ interface Props {
 }
 
 const LoginStatusPane: FC<Props> = ({ login }) => {
-  const dispatch = useDispatch();
+  const dispatch = useAppDispatch();
 
   // Asynchronously fetch the login status if it is still unknown.
   useEffect(() => {
diff --git a/src/modules/room/RoomChat.tsx b/src/modules/room/RoomChat.tsx
index 4853380..8f648dd 100644
--- a/src/modules/room/RoomChat.tsx
+++ b/src/modules/room/RoomChat.tsx
@@ -1,6 +1,6 @@
 import { FC, useEffect, useState } from "react";
-import { useDispatch } from "react-redux";
 
+import { useAppDispatch } from "app/hooks";
 import {
   RoomState,
   RoomMembership,
@@ -52,7 +52,7 @@ const RoomChatInner: FC<Props> = ({ loginUserName, room }) => {
 
 // TODO: Back button on small-enough screens (below `md`).
 const RoomChat: FC<Props> = ({ loginUserName, room }) => {
-  const dispatch = useDispatch();
+  const dispatch = useAppDispatch();
 
   useEffect(() => {
     if (room.membership === RoomMembership.Left) {
diff --git a/src/modules/room/RoomChatForm.tsx b/src/modules/room/RoomChatForm.tsx
index 7b31a94..40c5500 100644
--- a/src/modules/room/RoomChatForm.tsx
+++ b/src/modules/room/RoomChatForm.tsx
@@ -1,7 +1,7 @@
 import { FC } from "react";
 import { Form, Field } from "react-final-form";
-import { useDispatch } from "react-redux";
 
+import { useAppDispatch } from "app/hooks";
 import { roomSendMessage } from "modules/room/slice";
 
 interface Props {
@@ -14,7 +14,7 @@ interface Fields {
 }
 
 const RoomChatForm: FC<Props> = ({ roomName, loginUserName }) => {
-  const dispatch = useDispatch();
+  const dispatch = useAppDispatch();
 
   const onSubmit = ({ message }: Fields, form: any) => {
     dispatch(
diff --git a/src/modules/room/RoomChatHeader.tsx b/src/modules/room/RoomChatHeader.tsx
index b469d7e..7c6cd64 100644
--- a/src/modules/room/RoomChatHeader.tsx
+++ b/src/modules/room/RoomChatHeader.tsx
@@ -1,7 +1,7 @@
 import { FC, ReactEventHandler } from "react";
-import { useDispatch } from "react-redux";
 import { useHistory } from "react-router";
 
+import { useAppDispatch } from "app/hooks";
 import {
   RoomState,
   RoomMembership,
@@ -26,7 +26,7 @@ interface Props {
 
 const RoomChatHeader: FC<Props> = ({ room, toggleDetails }) => {
   const history = useHistory();
-  const dispatch = useDispatch();
+  const dispatch = useAppDispatch();
 
   if (room === undefined) {
     return <InnerHeader title="Select a room" />;
diff --git a/src/modules/room/RoomList.tsx b/src/modules/room/RoomList.tsx
index f280a44..7da74a2 100644
--- a/src/modules/room/RoomList.tsx
+++ b/src/modules/room/RoomList.tsx
@@ -1,6 +1,6 @@
 import { FC, ReactEventHandler } from "react";
-import { useDispatch } from "react-redux";
 
+import { useAppDispatch } from "app/hooks";
 import SearchableList from "components/SearchableList";
 import RoomListEntry from "modules/room/RoomListEntry";
 import { RoomMap, roomGetAll } from "modules/room/slice";
@@ -10,7 +10,7 @@ interface Props {
 }
 
 const RoomList: FC<Props> = ({ rooms }) => {
-  const dispatch = useDispatch();
+  const dispatch = useAppDispatch();
 
   const onRefresh: ReactEventHandler = (event) => {
     event.preventDefault();
diff --git a/src/modules/user/UserList.tsx b/src/modules/user/UserList.tsx
index 257f9ff..1449e49 100644
--- a/src/modules/user/UserList.tsx
+++ b/src/modules/user/UserList.tsx
@@ -1,6 +1,6 @@
 import { FC, ReactEventHandler } from "react";
-import { useDispatch } from "react-redux";
 
+import { useAppDispatch } from "app/hooks";
 import SearchableList from "components/SearchableList";
 import { UserMap, userGetAll } from "modules/user/slice";
 import UserListEntry from "modules/user/UserListEntry";
@@ -10,7 +10,7 @@ interface Props {
 }
 
 const UserList: FC<Props> = ({ users }) => {
-  const dispatch = useDispatch();
+  const dispatch = useAppDispatch();
 
   const onRefresh: ReactEventHandler = (event) => {
     event.preventDefault();