X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;ds=sidebyside;f=resources%2Fjs%2Fcomponents%2Fpages%2FDoorsTracker.js;h=ae96530740170d53ecca35f6d0d6b522d223299b;hb=3a432819085afd3db5db9aa04b31c3671e7e3e52;hp=a6c6acefac93032d00c22c79e9c0ab7310a0bf50;hpb=c9ed47875647d76d5a794f69f173a1d7ac5984b0;p=alttp.git

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;