From ee09603385787e0629822ffdd88d565a59c4091a Mon Sep 17 00:00:00 2001
From: Fran McDade <franmcdade@Frans-MacBook-Pro.local>
Date: Fri, 20 Sep 2024 15:53:06 +1000
Subject: [PATCH] feat: persistent help / feedback button (#81)

---
 .../components/ViewSupport/viewSupport.styles.ts | 10 ++++++++++
 site-config/brc-analytics/local/config.ts        |  2 ++
 .../brc-analytics/local/floating/floating.ts     | 16 ++++++++++++++++
 3 files changed, 28 insertions(+)
 create mode 100644 app/components/Support/components/ViewSupport/viewSupport.styles.ts
 create mode 100644 site-config/brc-analytics/local/floating/floating.ts

diff --git a/app/components/Support/components/ViewSupport/viewSupport.styles.ts b/app/components/Support/components/ViewSupport/viewSupport.styles.ts
new file mode 100644
index 0000000..2570659
--- /dev/null
+++ b/app/components/Support/components/ViewSupport/viewSupport.styles.ts
@@ -0,0 +1,10 @@
+import { ViewSupport } from "@databiosphere/findable-ui/lib/components/Support/components/ViewSupport/viewSupport";
+import styled from "@emotion/styled";
+
+export const StyledViewSupport = styled(ViewSupport)`
+  background-color: #28285b;
+
+  &:hover {
+    background-color: #1f1f47;
+  }
+`;
diff --git a/site-config/brc-analytics/local/config.ts b/site-config/brc-analytics/local/config.ts
index 35eb3b9..1195212 100644
--- a/site-config/brc-analytics/local/config.ts
+++ b/site-config/brc-analytics/local/config.ts
@@ -4,6 +4,7 @@ import { BRCDataCatalogGenome } from "../../../app/apis/catalog/brc-analytics-ca
 import * as C from "../../../app/components";
 import * as P from "../../../app/theme/common/palette";
 import { ROUTES } from "../../../routes/constants";
+import { floating } from "./floating/floating";
 import { genomeEntityConfig } from "./index/genomeEntityConfig";
 
 const LOCALHOST = "http://localhost:3000";
@@ -35,6 +36,7 @@ export function makeConfig(browserUrl: string): SiteConfig {
     entities: [genomeEntityConfig as EntityConfig<BRCDataCatalogGenome>],
     explorerTitle: APP_TITLE,
     layout: {
+      floating,
       footer: {
         Branding: C.Branding(),
       },
diff --git a/site-config/brc-analytics/local/floating/floating.ts b/site-config/brc-analytics/local/floating/floating.ts
new file mode 100644
index 0000000..cff73a8
--- /dev/null
+++ b/site-config/brc-analytics/local/floating/floating.ts
@@ -0,0 +1,16 @@
+import {
+  ComponentConfig,
+  FloatingConfig,
+} from "@databiosphere/findable-ui/lib/config/entities";
+import { StyledViewSupport } from "../../../../app/components/Support/components/ViewSupport/viewSupport.styles";
+
+export const floating: FloatingConfig = {
+  components: [
+    {
+      component: StyledViewSupport,
+      props: {
+        url: "https://docs.google.com/forms/d/e/1FAIpQLSd8f5hrd1-ECgPUbS5dL9njoU1nvCSN5ukykKk9mF6WAyTh6A/viewform?usp=sf_link",
+      },
+    } as ComponentConfig<typeof StyledViewSupport>,
+  ],
+};