Add redux state.
This commit is contained in:
@@ -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.
|
||||||
|
|||||||
Reference in New Issue
Block a user