diff --git a/src/App.tsx b/src/App.tsx index 3d405fc..2c9a1fc 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -8,16 +8,18 @@ import ChatIndex from "./sections/ChatIndex/ChatIndex" import NotFound from "./sections/NotFound/NotFound" import Register from "./sections/Register/Register" import Login from "./sections/Login/Login" +import LoaderSpinner from "./components/LoaderSpinner/LoaderSpinner" function App() { const alertMessage = useSelector((state: any) => state.alertMessage) const loader = useSelector((state: any) => state.loader) - + const loaderSpinner = useSelector((state: any) => state.loaderSpinner) return (
{alertMessage.visible && } {loader.status && } + {loaderSpinner.status && } diff --git a/src/components/Chats/useChats.ts b/src/components/Chats/useChats.ts index 58ee631..cbf73f1 100644 --- a/src/components/Chats/useChats.ts +++ b/src/components/Chats/useChats.ts @@ -1,14 +1,16 @@ import { useEffect } from "react" -import { useSelector } from "react-redux" +import { useDispatch, useSelector } from "react-redux" import { useFetchingMethod } from "../../apollo/useFetchingMethod" import { chatsFromLoggedUser } from "../../graphql/queries" import { setChats } from "../../slicers/chatsSlice" +import { stopLoaderSpinner } from "../../slicers/loaderSpinnerSlice" export const useChats = () => { const loggedUser = useSelector((state: any) => state.loggedUser) const chats = useSelector((state: any) => state.chats) + const dispatch = useDispatch() - const { lazyQueryMethod: getChats } = useFetchingMethod(chatsFromLoggedUser, setChats) + const { lazyQueryMethod: getChats, loading } = useFetchingMethod(chatsFromLoggedUser, setChats) const defineChatName = (users: any) => { const chatName = users.find((user: any) => user.id !== loggedUser.id && user).username @@ -22,5 +24,9 @@ export const useChats = () => { }) }, [loggedUser.id]) + useEffect(() => { + !loading && chats && dispatch(stopLoaderSpinner()) + }, [loading]) + return { chats, defineChatName } } diff --git a/src/components/LoaderSpinner/LoaderSpinner.tsx b/src/components/LoaderSpinner/LoaderSpinner.tsx new file mode 100644 index 0000000..71a04e1 --- /dev/null +++ b/src/components/LoaderSpinner/LoaderSpinner.tsx @@ -0,0 +1,21 @@ +import { Oval } from "react-loader-spinner" + +export default function LoaderSpinner() { + return ( +
+ +

Cargando Parches Chat...

+
+ ) +} diff --git a/src/components/LoaderSpinner/_loaderSpinner.scss b/src/components/LoaderSpinner/_loaderSpinner.scss new file mode 100644 index 0000000..ba6f194 --- /dev/null +++ b/src/components/LoaderSpinner/_loaderSpinner.scss @@ -0,0 +1,14 @@ +.loader-spinner { + display: flex; + flex-direction: column; + justify-content: center; + gap: 10px; + align-items: center; + width: 100%; + height: 100vh; + background-color: black; + position: absolute; + z-index: 100; + color: white; + font-size: 20px; +} diff --git a/src/scss/index.css b/src/scss/index.css index 3a919e7..3aa91d2 100644 --- a/src/scss/index.css +++ b/src/scss/index.css @@ -1079,4 +1079,19 @@ html body #root .App ul { .add-friend-section .results .results__item .results__icon { width: 25px; height: 25px; +} + +.loader-spinner { + display: flex; + flex-direction: column; + justify-content: center; + gap: 10px; + align-items: center; + width: 100%; + height: 100vh; + background-color: black; + position: absolute; + z-index: 100; + color: white; + font-size: 20px; }/*# sourceMappingURL=index.css.map */ \ No newline at end of file diff --git a/src/scss/index.css.map b/src/scss/index.css.map index 2d979bf..26df85e 100644 --- a/src/scss/index.css.map +++ b/src/scss/index.css.map @@ -1 +1 @@ -{"version":3,"sources":["_fonts.scss","index.css","index.scss","../sections/ChatIndex/_chatIndex.scss","../sections/Register/_register.scss","_variables.scss","../sections/NotFound/_notFound.scss","../sections/Login/_login.scss","../sections/Home/_home.scss","../components/ChatPreviewImage/_chatPreviewImage.scss","../components/AccountQuestion/_accountQuestion.scss","../components/FormGroupInput/_formGroupInput.scss","../components/ViewRepository/_viewRepository.scss","../components/ChatInfoHeader/_chatInfoHeader.scss","../components/AlertMessage/_alertMessage.scss","../components/EmojisPicker/_emojisPicker.scss","../components/ChatInput/_chatInput.scss","../components/Messages/_messages.scss","../components/Message/_message.scss","../components/Chats/Chat/_chat.scss","../components/Groups/_groups.scss","../components/Button/_button.scss","../components/GoHome/_goHome.scss","../components/Loader/_loader.scss","../components/Chats/_chats.scss","../components/Group/_group.scss","../components/Chat/_chat.scss","../components/Form/_form.scss","../components/LoggedUserArea/_loggedUserArea.scss","../components/UserQuickOptions/_userQuickOptions.scss","../components/AddFriend/_addFriend.scss"],"names":[],"mappings":"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","file":"index.css"} \ No newline at end of file +{"version":3,"sources":["_fonts.scss","index.css","index.scss","../sections/ChatIndex/_chatIndex.scss","../sections/Register/_register.scss","_variables.scss","../sections/NotFound/_notFound.scss","../sections/Login/_login.scss","../sections/Home/_home.scss","../components/ChatPreviewImage/_chatPreviewImage.scss","../components/AccountQuestion/_accountQuestion.scss","../components/FormGroupInput/_formGroupInput.scss","../components/ViewRepository/_viewRepository.scss","../components/ChatInfoHeader/_chatInfoHeader.scss","../components/AlertMessage/_alertMessage.scss","../components/EmojisPicker/_emojisPicker.scss","../components/ChatInput/_chatInput.scss","../components/Messages/_messages.scss","../components/Message/_message.scss","../components/Chats/Chat/_chat.scss","../components/Groups/_groups.scss","../components/Button/_button.scss","../components/GoHome/_goHome.scss","../components/Loader/_loader.scss","../components/Chats/_chats.scss","../components/Group/_group.scss","../components/Chat/_chat.scss","../components/Form/_form.scss","../components/LoggedUserArea/_loggedUserArea.scss","../components/UserQuickOptions/_userQuickOptions.scss","../components/AddFriend/_addFriend.scss","../components/LoaderSpinner/_loaderSpinner.scss"],"names":[],"mappings":"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","file":"index.css"} \ No newline at end of file diff --git a/src/scss/index.scss b/src/scss/index.scss index 306bddc..027d445 100644 --- a/src/scss/index.scss +++ b/src/scss/index.scss @@ -63,3 +63,4 @@ html { @import "../components/LoggedUserArea/loggedUserArea"; @import "../components/UserQuickOptions/userQuickOptions"; @import "../components/AddFriend/addFriend"; +@import "../components/LoaderSpinner/loaderSpinner"; diff --git a/src/sections/ChatIndex/useChatIndex.tsx b/src/sections/ChatIndex/useChatIndex.tsx index 73dd078..7c9fc86 100644 --- a/src/sections/ChatIndex/useChatIndex.tsx +++ b/src/sections/ChatIndex/useChatIndex.tsx @@ -1,5 +1,5 @@ import { useEffect, useState } from "react" -import { useSelector } from "react-redux" +import { useDispatch, useSelector } from "react-redux" import { setLoggedUserField } from "../../slicers/loggedUserSlice" import { LOGGED_USER_MESSAGE_NOTIFICATION_SUSCRIPTION } from "../../graphql/subscriptions" import { LoggedUserId, chatById } from "../../graphql/queries" @@ -9,6 +9,7 @@ import Chat from "../../components/Chat/Chat" import Home from "../Home/Home" import { useNotifications } from "../../hooks/useNotifications" import { useSubscription } from "@apollo/client" +import { startLoaderSpinner } from "../../slicers/loaderSpinnerSlice" const maxMobileDeviceWidth = 480 const notMobile = window.screen.width >= maxMobileDeviceWidth @@ -19,7 +20,7 @@ export const useChatIndex = (chatContainer: React.MutableRefObject) = const [firstAccess, setFirstAccess] = useState(!notMobile) const { showChat } = useShowChat() const { data } = useSubscription(LOGGED_USER_MESSAGE_NOTIFICATION_SUSCRIPTION, { variables: { userId: loggedUser.id } }) - + const dispatch = useDispatch() const { emitSoundOnNewMessage, showNewNotificationOnBrowserTab, showCurrentNotificationsOnBrowserTab } = useNotifications() const desktopBehaviour = () => (showChat ? : ) @@ -39,6 +40,7 @@ export const useChatIndex = (chatContainer: React.MutableRefObject) = useEffect(() => { showCurrentNotificationsOnBrowserTab() + dispatch(startLoaderSpinner()) }, []) return { firstAccess, setFirstAccess, mobileBehaviour, desktopBehaviour, notMobile } diff --git a/src/slicers/loaderSpinnerSlice.ts b/src/slicers/loaderSpinnerSlice.ts new file mode 100644 index 0000000..08235ed --- /dev/null +++ b/src/slicers/loaderSpinnerSlice.ts @@ -0,0 +1,26 @@ +import { createSlice } from "@reduxjs/toolkit" + +interface loader { + status: boolean +} + +const initialState: loader = { + status: false +} + +export const loaderSpinnerSlice = createSlice({ + name: "loader", + initialState, + reducers: { + startLoaderSpinner: state => { + state.status = true + }, + stopLoaderSpinner: state => { + state.status = false + } + } +}) + +export const { startLoaderSpinner, stopLoaderSpinner } = loaderSpinnerSlice.actions + +export default loaderSpinnerSlice.reducer diff --git a/src/store/store.ts b/src/store/store.ts index b23c7a4..5a196e0 100644 --- a/src/store/store.ts +++ b/src/store/store.ts @@ -1,4 +1,5 @@ import { configureStore } from "@reduxjs/toolkit" +import loaderSpinnerReducer from "../slicers/loaderSpinnerSlice" import alertMessageReducer from "../slicers/alertMessageSlice" import loggedUserReducer from "../slicers/loggedUserSlice" import messsagesReducer from "../slicers/messagesSlice" @@ -15,6 +16,7 @@ export const store = configureStore({ groups: gropsReducer, chats: chatsReducer, chat: chatReducer, - messages: messsagesReducer + messages: messsagesReducer, + loaderSpinner: loaderSpinnerReducer } })