Add redux state.

This commit is contained in:
Lucid Kobold
2022-06-23 13:25:51 -05:00
parent f5eb0acddc
commit f6d86464b1

View File

@@ -5,11 +5,12 @@ import {
Divider, Divider,
Heading, Heading,
HStack, HStack,
Link,
Text, Text,
VStack VStack
} from "@chakra-ui/react"; } from "@chakra-ui/react";
import React, { useState } from "react"; import React from "react";
import { useAppDispatch, useAppSelector } from "../../app/hooks";
import { toggleRememberCompleted } from "../../features/tutorial";
import CustomButton from "../buttons/Custom"; import CustomButton from "../buttons/Custom";
import Patreon from "../buttons/Patreon"; import Patreon from "../buttons/Patreon";
import Twitter from "../buttons/Twitter"; import Twitter from "../buttons/Twitter";
@@ -24,7 +25,8 @@ const Tutorial = ({
setTutorialComplete, setTutorialComplete,
setTempTutorialComplete setTempTutorialComplete
}: TutorialProps): JSX.Element => { }: TutorialProps): JSX.Element => {
const [rememberComplete, setRememberComplete] = useState<boolean>(false); const rememberComplete = useAppSelector(state => state.tutorial.rememberCompleted);
const dispatch = useAppDispatch();
const handleComplete = (): void => { const handleComplete = (): void => {
if (rememberComplete) { if (rememberComplete) {
@@ -41,7 +43,7 @@ const Tutorial = ({
}; };
const handleUpdateCheck = (): void => { const handleUpdateCheck = (): void => {
setRememberComplete(!rememberComplete); dispatch(toggleRememberCompleted());
}; };
// TODO: Add an expiration validator. // TODO: Add an expiration validator.