From f6d86464b17eb6975b32adfdd8d5eb39ff40b42a Mon Sep 17 00:00:00 2001
From: Lucid Kobold <72232219+LucidKobold@users.noreply.github.com>
Date: Thu, 23 Jun 2022 13:25:51 -0500
Subject: [PATCH] Add redux state.

---
 src/components/tutorial/index.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/tutorial/index.tsx b/src/components/tutorial/index.tsx
index f7dd4ab..c91af59 100644
--- a/src/components/tutorial/index.tsx
+++ b/src/components/tutorial/index.tsx
@@ -5,11 +5,12 @@ import {
   Divider,
   Heading,
   HStack,
-  Link,
   Text,
   VStack
 } 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 Patreon from "../buttons/Patreon";
 import Twitter from "../buttons/Twitter";
@@ -24,7 +25,8 @@ const Tutorial = ({
   setTutorialComplete,
   setTempTutorialComplete
 }: TutorialProps): JSX.Element => {
-  const [rememberComplete, setRememberComplete] = useState<boolean>(false);
+  const rememberComplete = useAppSelector(state => state.tutorial.rememberCompleted);
+  const dispatch = useAppDispatch();
 
   const handleComplete = (): void => {
     if (rememberComplete) {
@@ -41,7 +43,7 @@ const Tutorial = ({
   };
 
   const handleUpdateCheck = (): void => {
-    setRememberComplete(!rememberComplete);
+    dispatch(toggleRememberCompleted());
   };
 
   // TODO: Add an expiration validator.