From 9e7b45640089501b111da8ceb0434807ffc44a51 Mon Sep 17 00:00:00 2001
From: Djeeberjr <djeeberjr@gmail.com>
Date: Tue, 16 Nov 2021 01:13:59 +0100
Subject: [PATCH] implemented save

---
 src/components/App.tsx     | 20 +++++++++++++++++++-
 src/components/MenuBar.tsx |  6 +++++-
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/src/components/App.tsx b/src/components/App.tsx
index ce095fa..6d8de3c 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -1,4 +1,4 @@
-import React, { useState } from "react"
+import React, { useEffect, useState } from "react"
 import copy from "copy-to-clipboard"
 import RetakesConfig from "../types/RetakesConfig"
 import AllDecks from "./AllDecks"
@@ -10,6 +10,19 @@ const App: React.FC = () => {
 	const [showExport,setShowExport] = useState(false)
 	const [exportText,setExportText] = useState("")
 
+	useEffect(()=>{
+		// Load saved config
+		const retakesJSON = window.localStorage.getItem("retakesJSON")
+		if (retakesJSON){
+			try{
+				const parsedConfig: RetakesConfig = JSON.parse(retakesJSON)
+				setRetakesConfig(parsedConfig)
+			}catch(err){
+				window.localStorage.removeItem("retakesJSON")
+			}
+		}
+	},[])
+
 	return (
 		<div className="text-white">
 			<MenuBar 
@@ -21,6 +34,11 @@ const App: React.FC = () => {
 					setExportText(JSON.stringify(retakesConfig))
 					setShowExport(true)
 				}}
+				onSave={()=>{
+					const jsonString = JSON.stringify(retakesConfig)
+					window.localStorage.setItem("retakesJSON",jsonString)
+					// TODO: user feedback that config was saved
+				}}
 			/>
 			<AllDecks retakesConfig={retakesConfig} onChange={(newConfig)=>setRetakesConfig(newConfig)} />
 
diff --git a/src/components/MenuBar.tsx b/src/components/MenuBar.tsx
index e961767..ec4b9ca 100644
--- a/src/components/MenuBar.tsx
+++ b/src/components/MenuBar.tsx
@@ -3,9 +3,10 @@ import React from "react"
 interface Props {
     onExport?: ()=>void
     onExportJson?: ()=>void
+	onSave?:()=>void
 }
 
-const MenuBar: React.FC<Props> = ({onExport,onExportJson}) => {
+const MenuBar: React.FC<Props> = ({onExport,onExportJson,onSave}) => {
 	return (
 		<div className="bg-gray-800 h-10 m-1 p-1 flex">
 			<div className="bg-gray-700 button" onClick={onExport}>
@@ -13,6 +14,9 @@ const MenuBar: React.FC<Props> = ({onExport,onExportJson}) => {
 			</div>
 			<div className="bg-gray-700 button" onClick={onExportJson}>
                 Export to JSON
+			</div>
+			<div className="bg-gray-700 button" onClick={onSave}>
+                Save
 			</div>
 			<a href="https://developer.valvesoftware.com/wiki/CS:GO_Game_Mode_-_Retakes" target="_blank" rel='noreferrer'>
 				<div className="bg-gray-700 button">