From 3a432819085afd3db5db9aa04b31c3671e7e3e52 Mon Sep 17 00:00:00 2001
From: Daniel Karbach <daniel.karbach@localhorst.tv>
Date: Sun, 25 Jun 2023 13:20:12 +0200
Subject: [PATCH] add title to doors tracker

---
 resources/js/components/pages/DoorsTracker.js | 61 +++++++++++--------
 1 file changed, 34 insertions(+), 27 deletions(-)

diff --git a/resources/js/components/pages/DoorsTracker.js b/resources/js/components/pages/DoorsTracker.js
index a6c6ace..ae96530 100644
--- a/resources/js/components/pages/DoorsTracker.js
+++ b/resources/js/components/pages/DoorsTracker.js
@@ -1,4 +1,5 @@
 import React from 'react';
+import { Helmet } from 'react-helmet';
 
 import ZeldaIcon from '../common/ZeldaIcon';
 
@@ -98,36 +99,42 @@ const DoorsTracker = () => {
 		e.stopPropagation();
 	});
 
-	return <div className="doors-tracker d-flex flex-column">
-		{DUNGEONS.map(dungeon =>
-			<div className="d-flex flex-row" key={dungeon}>
-				<div
-					className={`cell ${state[dungeon].boss ? 'on' : 'off'} dungeon`}
-					onClick={handleItemClick(dungeon, 'boss')}
-				>
-					<ZeldaIcon name={`dungeon-${dungeon}`} />
-				</div>
-				<div
-					className={`cell ${state[dungeon].keys ? 'on' : 'off'} keys`}
-					onClick={handleKeysClick(dungeon)}
-					onContextMenu={handleKeysRightClick(dungeon)}
-				>
-					{state[dungeon].keys}
-				</div>
-				{ITEMS.map(item =>
+	return <>
+		<Helmet>
+			<title>Doors Tracker</title>
+			<meta name="description" content="Doors Tracker" />
+		</Helmet>
+		<div className="doors-tracker d-flex flex-column">
+			{DUNGEONS.map(dungeon =>
+				<div className="d-flex flex-row" key={dungeon}>
+					<div
+						className={`cell ${state[dungeon].boss ? 'on' : 'off'} dungeon`}
+						onClick={handleItemClick(dungeon, 'boss')}
+					>
+						<ZeldaIcon name={`dungeon-${dungeon}`} />
+					</div>
 					<div
-						className={
-							`cell ${state[dungeon][item] ? 'on' : 'off'} ${ITEM_CLASSES[item]}`
-						}
-						key={item}
-						onClick={handleItemClick(dungeon, item)}
+						className={`cell ${state[dungeon].keys ? 'on' : 'off'} keys`}
+						onClick={handleKeysClick(dungeon)}
+						onContextMenu={handleKeysRightClick(dungeon)}
 					>
-						<ZeldaIcon name={item} />
+						{state[dungeon].keys}
 					</div>
-				)}
-			</div>
-		)}
-	</div>;
+					{ITEMS.map(item =>
+						<div
+							className={
+								`cell ${state[dungeon][item] ? 'on' : 'off'} ${ITEM_CLASSES[item]}`
+							}
+							key={item}
+							onClick={handleItemClick(dungeon, item)}
+						>
+							<ZeldaIcon name={item} />
+						</div>
+					)}
+				</div>
+			)}
+		</div>
+	</>;
 };
 
 export default DoorsTracker;
-- 
2.39.2