From 9904c3b8e5214422f8ada8b463acb119e141f195 Mon Sep 17 00:00:00 2001
From: Dominux <kir.gimranov@gmail.com>
Date: Wed, 20 Dec 2023 21:44:33 +0300
Subject: [PATCH] #22 added guides to create storage and storage workers

---
 .../StorageWorkers/StorageWorkerCreateForm.jsx   | 16 ++++++++++++++--
 ui/src/pages/Storages/StorageCreateForm.jsx      | 14 +++++++++++++-
 2 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/ui/src/pages/StorageWorkers/StorageWorkerCreateForm.jsx b/ui/src/pages/StorageWorkers/StorageWorkerCreateForm.jsx
index 7e06266..5380cf4 100644
--- a/ui/src/pages/StorageWorkers/StorageWorkerCreateForm.jsx
+++ b/ui/src/pages/StorageWorkers/StorageWorkerCreateForm.jsx
@@ -9,8 +9,10 @@ import Typography from '@suid/material/Typography'
 import { createSignal, mapArray, onMount } from 'solid-js'
 import { useNavigate } from '@solidjs/router'
 import Stack from '@suid/material/Stack'
-import ChevronLeftIcon from '@suid/icons-material/ChevronLeft'
 import MenuItem from '@suid/material/MenuItem'
+import IconButton from '@suid/material/IconButton'
+import HelpOutlineIcon from '@suid/icons-material/HelpOutline'
+import ChevronLeftIcon from '@suid/icons-material/ChevronLeft'
 
 import API from '../../api'
 import { alertStore } from '../../components/AlertStack'
@@ -73,7 +75,17 @@ const StorageWorkerCreateForm = () => {
 					'& > :not(style)': { my: 1.5 },
 				}}
 			>
-				<Typography variant="h5">Register new storage worker</Typography>
+				<Typography variant="h5">
+					Register new storage worker
+					<a
+						href="https://github.com/Dominux/Pentaract/wiki/Creating-storage-workers"
+						target="_blank"
+					>
+						<IconButton color="warning" sx={{ py: 0 }}>
+							<HelpOutlineIcon />
+						</IconButton>
+					</a>
+				</Typography>
 				<Divider />
 				<TextField
 					id="name"
diff --git a/ui/src/pages/Storages/StorageCreateForm.jsx b/ui/src/pages/Storages/StorageCreateForm.jsx
index 44b4706..4ad1f6a 100644
--- a/ui/src/pages/Storages/StorageCreateForm.jsx
+++ b/ui/src/pages/Storages/StorageCreateForm.jsx
@@ -6,6 +6,8 @@ import Typography from '@suid/material/Typography'
 import { createSignal } from 'solid-js'
 import { useNavigate } from '@solidjs/router'
 import Stack from '@suid/material/Stack'
+import IconButton from '@suid/material/IconButton'
+import HelpOutlineIcon from '@suid/icons-material/HelpOutline'
 import ChevronLeftIcon from '@suid/icons-material/ChevronLeft'
 
 import API from '../../api'
@@ -79,7 +81,17 @@ const StorageCreateForm = () => {
 					'& > :not(style)': { my: 1.5 },
 				}}
 			>
-				<Typography variant="h5">Register new storage</Typography>
+				<Typography variant="h5">
+					Register new storage
+					<a
+						href="https://github.com/Dominux/Pentaract/wiki/Creating-storages"
+						target="_blank"
+					>
+						<IconButton color="warning" sx={{ py: 0 }}>
+							<HelpOutlineIcon />
+						</IconButton>
+					</a>
+				</Typography>
 				<Divider />
 				<TextField
 					id="name"