From 759f56f0e300af1380f741d25e8165dcb0d2fdb3 Mon Sep 17 00:00:00 2001
From: Ian Jones <51156018+ianjon3s@users.noreply.github.com>
Date: Tue, 23 Jan 2024 09:45:51 +0000
Subject: [PATCH] chore: Update link to council design guide [skip pizza]
 (#2691)

---
 .../components/Settings/DesignSettings/ButtonForm.tsx     | 8 ++++++--
 .../components/Settings/DesignSettings/FaviconForm.tsx    | 8 +++++++-
 .../components/Settings/DesignSettings/TextLinkForm.tsx   | 8 ++++++--
 .../Settings/DesignSettings/ThemeAndLogoForm.tsx          | 6 +++++-
 4 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/editor.planx.uk/src/pages/FlowEditor/components/Settings/DesignSettings/ButtonForm.tsx b/editor.planx.uk/src/pages/FlowEditor/components/Settings/DesignSettings/ButtonForm.tsx
index 25a5ea811b..763d5b815b 100644
--- a/editor.planx.uk/src/pages/FlowEditor/components/Settings/DesignSettings/ButtonForm.tsx
+++ b/editor.planx.uk/src/pages/FlowEditor/components/Settings/DesignSettings/ButtonForm.tsx
@@ -44,8 +44,12 @@ export const ButtonForm: React.FC<FormProps> = ({
             the selected colour (being either black or white).
           </InputDescription>
           <InputDescription>
-            <Link href="#">
-              See our guide for setting button colours (TODO)
+            <Link
+              href="https://opensystemslab.notion.site/10-Customise-the-appearance-of-your-services-3811fe9707534f6cbc0921fc44a2b193"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              See our guide for setting button colours
             </Link>
           </InputDescription>
         </>
diff --git a/editor.planx.uk/src/pages/FlowEditor/components/Settings/DesignSettings/FaviconForm.tsx b/editor.planx.uk/src/pages/FlowEditor/components/Settings/DesignSettings/FaviconForm.tsx
index 76860aa81a..a037686bc3 100644
--- a/editor.planx.uk/src/pages/FlowEditor/components/Settings/DesignSettings/FaviconForm.tsx
+++ b/editor.planx.uk/src/pages/FlowEditor/components/Settings/DesignSettings/FaviconForm.tsx
@@ -46,7 +46,13 @@ export const FaviconForm: React.FC<FormProps> = ({
             32x32px and in .ico or .png format.
           </InputDescription>
           <InputDescription>
-            <Link href="#">See our guide for favicons (TODO)</Link>
+            <Link
+              href="https://opensystemslab.notion.site/10-Customise-the-appearance-of-your-services-3811fe9707534f6cbc0921fc44a2b193"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              See our guide for favicons
+            </Link>
           </InputDescription>
         </>
       }
diff --git a/editor.planx.uk/src/pages/FlowEditor/components/Settings/DesignSettings/TextLinkForm.tsx b/editor.planx.uk/src/pages/FlowEditor/components/Settings/DesignSettings/TextLinkForm.tsx
index bd177af46f..a9891cff38 100644
--- a/editor.planx.uk/src/pages/FlowEditor/components/Settings/DesignSettings/TextLinkForm.tsx
+++ b/editor.planx.uk/src/pages/FlowEditor/components/Settings/DesignSettings/TextLinkForm.tsx
@@ -53,8 +53,12 @@ export const TextLinkForm: React.FC<FormProps> = ({
             white ("#ffffff").
           </InputDescription>
           <InputDescription>
-            <Link href="#">
-              See our guide for setting text link colours (TODO)
+            <Link
+              href="https://opensystemslab.notion.site/10-Customise-the-appearance-of-your-services-3811fe9707534f6cbc0921fc44a2b193"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              See our guide for setting text link colours
             </Link>
           </InputDescription>
         </>
diff --git a/editor.planx.uk/src/pages/FlowEditor/components/Settings/DesignSettings/ThemeAndLogoForm.tsx b/editor.planx.uk/src/pages/FlowEditor/components/Settings/DesignSettings/ThemeAndLogoForm.tsx
index 013865dd87..b87fe60999 100644
--- a/editor.planx.uk/src/pages/FlowEditor/components/Settings/DesignSettings/ThemeAndLogoForm.tsx
+++ b/editor.planx.uk/src/pages/FlowEditor/components/Settings/DesignSettings/ThemeAndLogoForm.tsx
@@ -66,7 +66,11 @@ export const ThemeAndLogoForm: React.FC<FormProps> = ({
             (your theme colour) and have a transparent background.
           </InputDescription>
           <InputDescription>
-            <Link href="https://www.planx.uk">
+            <Link
+              href="https://opensystemslab.notion.site/10-Customise-the-appearance-of-your-services-3811fe9707534f6cbc0921fc44a2b193"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
               See our guide for setting theme colours and logos
             </Link>
           </InputDescription>