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], 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, + ], +};