feat: added discourse header/footer button (#88) (#180)

* feat: added discourse header button (#88)

* content: added discourse link to footer (#88)

* fix: navlinks open in new tab (#88)

Author: Jonah Paten

app/components/index.ts

@@ -1,5 +1,6 @@
 export { Alert } from "@databiosphere/findable-ui/lib/components/common/Alert/alert";
 export { Breadcrumbs } from "@databiosphere/findable-ui/lib/components/common/Breadcrumbs/breadcrumbs";
+export { DiscourseIcon } from "@databiosphere/findable-ui/lib/components/common/CustomIcon/components/DiscourseIcon/discourseIcon";
 export { Grid } from "@databiosphere/findable-ui/lib/components/common/Grid/grid";
 export { KeyElType } from "@databiosphere/findable-ui/lib/components/common/KeyValuePairs/components/KeyElType/keyElType";
 export { KeyValueElType } from "@databiosphere/findable-ui/lib/components/common/KeyValuePairs/components/KeyValueElType/keyValueElType";

site-config/brc-analytics/local/config.ts

@@ -1,10 +1,12 @@
+import { ANCHOR_TARGET } from "@databiosphere/findable-ui/lib/components/Links/common/entities";
 import { SiteConfig } from "@databiosphere/findable-ui/lib/config/entities";
 import { EntityConfig } from "@databiosphere/findable-ui/src/config/entities";
 import { BRCDataCatalogGenome } from "../../../app/apis/catalog/brc-analytics-catalog/common/entities";
 import * as C from "../../../app/components";
 import { ROUTES } from "../../../routes/constants";
 import { floating } from "./floating/floating";
 import { genomeEntityConfig } from "./index/genomeEntityConfig";
+import { socialMedia } from "./socialMedia";
 
 const LOCALHOST = "http://localhost:3000";
 const APP_TITLE = "BRC Analytics";
@@ -43,13 +45,16 @@ export function makeConfig(browserUrl: string, gitHubUrl: string): SiteConfig {
         navLinks: [
           {
             label: "BV-BRC",
+            target: ANCHOR_TARGET.BLANK,
             url: "https://www.bv-brc.org/",
           },
           {
             label: "Pathogen Data Network",
+            target: ANCHOR_TARGET.BLANK,
             url: "https://pathogendatanetwork.org/",
           },
         ],
+        socials: socialMedia.socials,
         versionInfo: true,
       },
       header: {
@@ -68,6 +73,7 @@ export function makeConfig(browserUrl: string, gitHubUrl: string): SiteConfig {
           ],
           undefined,
         ],
+        socialMedia: socialMedia,
       },
     },
     redirectRootToPath: "/",

site-config/brc-analytics/local/socialMedia.ts

@@ -0,0 +1,18 @@
+import { SocialMedia } from "@databiosphere/findable-ui/lib/components/Layout/components/Header/common/entities";
+import * as C from "../../../app/components";
+
+export const SOCIALS = {
+  DISCOURSE: {
+    label: "Discourse",
+    url: "https://help.brc-analytics.org/",
+  },
+};
+
+export const socialMedia: SocialMedia = {
+  socials: [
+    {
+      ...SOCIALS.DISCOURSE,
+      Icon: C.DiscourseIcon,
+    },
+  ],
+};