From 9e72458ad0226caa9279f0430594442529d9a709 Mon Sep 17 00:00:00 2001
From: Tulir Asokan <tulir@maunium.net>
Date: Thu, 10 Sep 2020 15:14:22 +0300
Subject: Add simple settings section. Fixes #15

---
 web/index.js | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

(limited to 'web/index.js')

diff --git a/web/index.js b/web/index.js
index 348277a..c116130 100644
--- a/web/index.js
+++ b/web/index.js
@@ -54,8 +54,8 @@ class App extends Component {
 			frequentlyUsed: {
 				...this.state.frequentlyUsed,
 				stickerIDs,
-				stickers
-			}
+				stickers,
+			},
 		})
 		localStorage.mauFrequentlyUsedStickerCache = JSON.stringify(stickers.map(sticker => [sticker.id, sticker]))
 	}
@@ -158,15 +158,28 @@ class App extends Component {
 			<nav onWheel=${this.navScroll} ref=${elem => this.navRef = elem}>
 				<${NavBarItem} pack=${this.state.frequentlyUsed} iconOverride="res/recent.svg" altOverride="🕓️" />
 				${this.state.packs.map(pack => html`<${NavBarItem} id=${pack.id} pack=${pack}/>`)}
+				<${NavBarItem} pack=${{ id: "settings", title: "Settings" }} iconOverride="res/settings.svg" altOverride="⚙️️" />
 			</nav>
 			<div class="pack-list ${isMobileSafari ? "ios-safari-hack" : ""}" ref=${elem => this.packListRef = elem}>
 				<${Pack} pack=${this.state.frequentlyUsed} send=${this.sendSticker} />
 				${this.state.packs.map(pack => html`<${Pack} id=${pack.id} pack=${pack} send=${this.sendSticker} />`)}
+				<${Settings} />
 			</div>
 		</main>`
 	}
 }
 
+const reload = () => window.location.reload()
+
+const Settings = () => html`
+	<section class="stickerpack settings" id="pack-settings" data-pack-id="settings">
+		<h1>Settings</h1>
+		<div class="settings-list">
+			<button onClick=${reload}>Reload</button>
+		</div>
+	</section>
+`
+
 // By default we just let the browser handle scrolling to sections, but webviews on Element iOS
 // open the link in the browser instead of just scrolling there, so we need to scroll manually:
 const scrollToSection = (evt, id) => {
-- 
cgit v1.2.3