Fixes #145 - links to usage and documentation. Just need to update th…

…at now :)
damonsk · Dec 11, 2023 · 9803258 · 9803258
1 parent 0e9302a
commit 9803258
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 1 deletion.
diff --git a/src/components/App.js b/src/components/App.js
@@ -389,8 +389,17 @@ function App() {
 			/>
 			<div className="row usageContainer no-gutters p-3 p-md-3">
 				<div id="usageToggle" className="small">
+					<p>
+						<a
+							href="https://docs.onlinewardleymaps.com"
+							target="_blank" //eslint-disable-line react/jsx-no-target-blank
+							rel="noopener"
+						>
+							Documentation &amp; Usage Guides
+						</a>
+					</p>
 					<span onClick={() => setShowUsage(!showUsage)}>
-						Show Usage Instructions
+						Show Usage Quick Reference
 					</span>
 				</div>
 				<br />

diff --git a/src/components/editor/Controls.js b/src/components/editor/Controls.js
@@ -116,6 +116,15 @@ function Controls(props) {
 					{showLinkedEvolved ? 'Hide Evolved Links' : 'Show Evolved Links'}
 				</Dropdown.Item>
 				<Dropdown.Divider />
+				<Dropdown.Item
+					eventKey="1"
+					rel="noreferrer noopener"
+					href="https://docs.onlinewardleymaps.com"
+					target="_blank"
+				>
+					Usage Guide
+				</Dropdown.Item>
+				<Dropdown.Divider />
 				<Dropdown.Item
 					eventKey="1"
 					className="patron"

diff --git a/src/styles.scss b/src/styles.scss
@@ -159,6 +159,10 @@ span.clickable {
 .usageContainer {
 	flex-direction: column;
 	// padding: 20px 0 0 20px;
+
+	a {
+		color: white;
+	}
 }
 
 .patron {