Add Beta banner

acteng · Nov 26, 2024 · 5c1bec9 · 5c1bec9
1 parent 8000bea
commit 5c1bec9
Show file tree

Hide file tree

Showing 10 changed files with 27 additions and 32 deletions.
diff --git a/src/lib/common/Alpha.svelte b/src/lib/common/Alpha.svelte
diff --git a/src/lib/common/Beta.svelte b/src/lib/common/Beta.svelte
@@ -0,0 +1,11 @@
+<div class="govuk-phase-banner">
+  <p class="govuk-phase-banner__content" style="margin-bottom: 0px">
+    <strong class="govuk-tag govuk-phase-banner__content__tag">Beta</strong>
+    <span class="govuk-phase-banner__text">
+      This is a new tool. Contact <a href="mailto:[email protected]">
+        the team 
+      </a>
+      with any feedback or bug reports.
+    </span>
+  </p>
+</div>
diff --git a/src/lib/common/index.ts b/src/lib/common/index.ts
@@ -1,7 +1,7 @@
 import { fixBoundaries, type AuthorityBoundaries } from "boundaries";
 import authoritiesUrl from "../../../assets/authorities.geojson?url";
 
-export { default as Alpha } from "./Alpha.svelte";
+export { default as Beta } from "./Beta.svelte";
 export { default as BaselayerSwitcher } from "./BaselayerSwitcher.svelte";
 export { default as ColorLegend } from "./ColorLegend.svelte";
 export { default as ExternalLink } from "./ExternalLink.svelte";

diff --git a/src/pages/AccessibilityStatement.svelte b/src/pages/AccessibilityStatement.svelte
@@ -2,8 +2,7 @@
   import "../style/main.css";
   // @ts-expect-error no declarations
   import { initAll } from "govuk-frontend";
-  import { AlphaBanner } from "govuk-svelte";
-  import { Header } from "lib/common";
+  import { Beta, Header } from "lib/common";
   import { onMount } from "svelte";
 
   onMount(async () => {
@@ -14,7 +13,7 @@
 
 <div class="govuk-width-container govuk-prose">
   <Header />
-  <AlphaBanner />
+  <Beta />
 
   <h1 style="margin-top: 30px">
     Plan Your Active Travel Schemes Accessibility Statement

diff --git a/src/pages/BrowseSchemes.svelte b/src/pages/BrowseSchemes.svelte
@@ -10,7 +10,7 @@
     Geocoder,
     Layout,
     LoggedIn,
-    Alpha,
+    Beta,
     MapLibreMap,
     ZoomOutMap,
     Header,
@@ -43,7 +43,7 @@
   <div slot="sidebar" class="govuk-prose">
     <Header />
 
-    <Alpha />
+    <Beta />
     <div style="border-bottom: 1px solid #b1b4b6">
       <LoggedIn />
     </div>

diff --git a/src/pages/ChooseArea.svelte b/src/pages/ChooseArea.svelte
@@ -15,7 +15,7 @@
   import {
     getAuthoritiesGeoJson,
     LoggedIn,
-    Alpha,
+    Beta,
     MapLibreMap,
     Popup,
     describeAuthority,
@@ -89,7 +89,7 @@
     <Header />
 
     <div class="left">
-      <Alpha />
+      <Beta />
       <div style="border-bottom: 1px solid #b1b4b6">
         <LoggedIn />
       </div>

diff --git a/src/pages/CleanLocalStorage.svelte b/src/pages/CleanLocalStorage.svelte
@@ -6,13 +6,12 @@
     SecondaryButton,
     ButtonGroup,
     WarningButton,
-    AlphaBanner,
   } from "govuk-svelte";
   import {
     downloadGeneratedFile,
     measureLocalStorageSizes,
   } from "lib/common/files";
-  import { Header } from "lib/common";
+  import { Beta, Header } from "lib/common";
   import { onMount } from "svelte";
 
   let items: [string, number][] = [];
@@ -54,7 +53,7 @@
 
 <div class="govuk-width-container govuk-prose">
   <Header />
-  <AlphaBanner />
+  <Beta />
 
   <h1 style="margin-top: 30px">Manage local storage</h1>
 

diff --git a/src/pages/LandingPage.svelte b/src/pages/LandingPage.svelte
@@ -2,11 +2,11 @@
   import "../style/main.css";
   // @ts-expect-error no declarations
   import { initAll } from "govuk-frontend";
-  import { AlphaBanner, DefaultButton } from "govuk-svelte";
+  import { DefaultButton } from "govuk-svelte";
   import About from "lib/common/About.svelte";
   import PrivacyStatement from "lib/common/PrivacyStatement.svelte";
   import { SecondaryButton } from "govuk-svelte";
-  import { Header } from "lib/common";
+  import { Beta, Header } from "lib/common";
   import { onMount } from "svelte";
 
   let showAbout = false;
@@ -28,7 +28,7 @@
 
 <div class="govuk-width-container govuk-prose">
   <Header />
-  <AlphaBanner />
+  <Beta />
 
   <h1 style="margin-top: 30px">Welcome to Plan Your Active Travel Schemes!</h1>
   <SecondaryButton on:click={() => (showAbout = true)}>

diff --git a/src/pages/ManageFiles.svelte b/src/pages/ManageFiles.svelte
@@ -6,7 +6,6 @@
     FileInput,
     WarningButton,
     SecondaryButton,
-    AlphaBanner,
     ErrorMessage,
   } from "govuk-svelte";
   import {
@@ -20,7 +19,7 @@
     setLocalStorage,
     serializeSchemes,
   } from "lib/common/files";
-  import { Header, describeAuthority, getAuthoritiesGeoJson } from "lib/common";
+  import { Beta, Header, describeAuthority, getAuthoritiesGeoJson } from "lib/common";
   import { cfg } from "lib/sketch/config";
   import { emptySchemes } from "scheme-sketcher-lib/draw/stores";
   import { onMount } from "svelte";
@@ -116,7 +115,7 @@
 
 <div class="govuk-width-container govuk-prose">
   <Header />
-  <AlphaBanner />
+  <Beta />
 
   <h1 style="margin-top: 30px">Manage my sketches</h1>
 

diff --git a/src/pages/SketchSchemes.svelte b/src/pages/SketchSchemes.svelte
@@ -15,7 +15,7 @@
     Geocoder,
     getAuthoritiesGeoJson,
     LoggedIn,
-    Alpha,
+    Beta,
     MapLibreMap,
     Header,
   } from "lib/common";
@@ -84,7 +84,7 @@
     <Header />
 
     {#if $mode.mode == "list" || $mode.mode == "split-route" || $mode.mode == "set-image" || $mode.mode == "streetview"}
-      <Alpha />
+      <Beta />
       <div style="border-bottom: 1px solid #b1b4b6">
         <LoggedIn />
       </div>