feat: update ga2 footer (#931)

Author: Smeds

app/components/Layout/components/Footer/components/Branding/branding.tsx

@@ -57,3 +57,29 @@ export const Branding = (): JSX.Element => {
     </Brands>
   );
 };
+
+export const GA2Branding = (): JSX.Element => {
+  return (
+    <Brands>
+      <SmallBrand>
+        <Logo
+          alt="NSF"
+          height={32}
+          link="https://www.nsf.gov/"
+          src="/footer/nsf.png"
+          target={ANCHOR_TARGET.BLANK}
+        />
+      </SmallBrand>
+      <FooterText
+        color={TYPOGRAPHY_PROPS.COLOR.INK_LIGHT}
+        variant={TYPOGRAPHY_PROPS.VARIANT.BODY_SMALL_400}
+      >
+        U.S National Science Foundation Award
+        <Link
+          label=" #2419522"
+          url="https://www.nsf.gov/awardsearch/showAward?AWD_ID=2419522&HistoricalAwards=false"
+        />
+      </FooterText>
+    </Brands>
+  );
+};

app/components/index.ts

@@ -34,7 +34,10 @@ export { AnalysisMethodsCatalog } from "./Entity/components/AnalysisMethodsCatal
 export { AnalysisMethodsTitle } from "./Entity/components/AnalysisMethodsTitle/analysisMethodsTitle";
 export { AnalysisPortals } from "./Entity/components/AnalysisPortals/analysisPortals";
 export { GridPaperSection } from "./Layout/components/Detail/components/Section/section.styles";
-export { Branding } from "./Layout/components/Footer/components/Branding/branding";
+export {
+  Branding,
+  GA2Branding,
+} from "./Layout/components/Footer/components/Branding/branding";
 export { AnalyzeGenome } from "./Table/components/TableCell/components/AnalyzeGenome/analyzeGenome";
 export { TypographyWordBreak } from "@databiosphere/findable-ui/lib/components/common/Typography/TypographyWordBreak/TypographyWordBreak";
 export { MDXSection } from "./Entity/components/Section/MDXSection/mdxSection";

public/footer/nsf.png

@@ -10,6 +10,7 @@ import {
 import { AppSiteConfig } from "../../common/entities";
 import { APP_KEYS } from "../../common/constants";
 import data from "catalog/ga2/output/ncbi-taxa-tree.json";
+import { socialMedia } from "./socialMedia";
 import { TaxonomyNode } from "../../../app/components/Home/components/Section/components/SectionViz/data";
 import { THEME_OPTIONS } from "./theme/constants";
 
@@ -60,6 +61,8 @@ export function makeConfig(
     gitHubUrl,
     layout: {
       footer: {
+        Branding: C.GA2Branding(),
+        socials: socialMedia.socials,
         versionInfo: true,
       },
       header: {

site-config/ga2/local/config.ts

@@ -0,0 +1,32 @@
+import { SocialMedia } from "@databiosphere/findable-ui/lib/components/Layout/components/Header/common/entities";
+import * as C from "../../../app/components";
+import {
+  REL_ATTRIBUTE,
+  ANCHOR_TARGET,
+} from "@databiosphere/findable-ui/lib/components/Links/common/entities";
+import { MenuItem } from "@databiosphere/findable-ui/lib/components/Layout/components/Header/components/Content/components/Navigation/components/NavigationMenuItems/navigationMenuItems";
+
+export const SOCIALS = {
+  GITHUB: {
+    label: "GitHub",
+    rel: REL_ATTRIBUTE.NO_OPENER_NO_REFERRER,
+    target: ANCHOR_TARGET.BLANK,
+    url: "https://github.com/galaxyproject/brc-analytics",
+  },
+};
+
+export const socialMenuItems: MenuItem[] = [
+  {
+    ...SOCIALS.GITHUB,
+    icon: C.GitHubIcon({ fontSize: "small" }),
+  },
+];
+
+export const socialMedia: SocialMedia = {
+  socials: [
+    {
+      ...SOCIALS.GITHUB,
+      Icon: C.GitHubIcon,
+    },
+  ],
+};