feat: brc analytics home page hero link text (#85)

galaxyproject · Sep 20, 2024 · 717e4c9 · 717e4c9
1 parent a355572
commit 717e4c9
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 17 deletions.
diff --git a/...s/Home/components/Section/components/SectionHelp/components/Questions/questions.styles.ts b/...s/Home/components/Section/components/SectionHelp/components/Questions/questions.styles.ts
@@ -8,7 +8,6 @@ import { elevation01 } from "@databiosphere/findable-ui/lib/theme/common/shadows
 import styled from "@emotion/styled";
 import { Accordion as MAccordion } from "@mui/material";
 import { sectionGrid } from "../../../../../../../Layout/components/AppLayout/components/Section/section.styles";
-import { muiLink } from "../../../../section.styles";
 
 export const Grid = styled.div`
   ${sectionGrid};
@@ -22,7 +21,6 @@ export const Grid = styled.div`
 `;
 
 export const StyledAccordion = styled(MAccordion)`
-  ${muiLink};
   box-shadow: ${elevation01} !important;
   display: grid;
   grid-column: 1 / -1;

diff --git a/app/components/Home/components/Section/components/SectionHelp/sectionHelp.styles.ts b/app/components/Home/components/Section/components/SectionHelp/sectionHelp.styles.ts
@@ -9,7 +9,6 @@ import {
   sectionLayout,
 } from "../../../../../Layout/components/AppLayout/components/Section/section.styles";
 import {
-  muiLink,
   SectionHeadline,
   SectionSubtitle,
   SectionTitle,
@@ -43,6 +42,5 @@ export const StyledSectionTitle = styled(SectionTitle)`
 `;
 
 export const StyledSectionSubTitle = styled(SectionSubtitle)`
-  ${muiLink};
   line-height: 28px;
 `;
diff --git a/app/components/Home/components/Section/section.styles.ts b/app/components/Home/components/Section/section.styles.ts
@@ -1,19 +1,7 @@
 import { inkLight } from "@databiosphere/findable-ui/lib/styles/common/mixins/colors";
 import { textBodyLarge400 } from "@databiosphere/findable-ui/lib/styles/common/mixins/fonts";
-import { css } from "@emotion/react";
 import styled from "@emotion/styled";
 
-export const muiLink = css`
-  .MuiLink-root {
-    color: #28285b;
-    text-decoration: underline;
-
-    &:hover {
-      text-decoration: none;
-    }
-  }
-`;
-
 export const SectionHeadline = styled.div`
   display: grid;
   gap: 16px;

diff --git a/app/components/Home/content/sectionSubHero.mdx b/app/components/Home/content/sectionSubHero.mdx
@@ -1,5 +1,5 @@
 BRC-Analytics is your new destination for analysis of biological
 data related to pathogens. Building on the legacy of VEuPathDb
 the platform will provide access and analysis capabilities for
-[785](/data/organisms) eukaryotic pathogens, hosts, and vectors. The functionality will
+[785 eukaryotic pathogens](/data/organisms), hosts, and vectors. The functionality will
 be developed and made available incrementally over the [following months](/roadmap).
diff --git a/pages/index.tsx b/pages/index.tsx
@@ -12,6 +12,22 @@ export const getStaticProps: GetStaticProps = async () => {
     props: {
       pageTitle: "BRC Analytics",
       themeOptions: {
+        components: {
+          MuiLink: {
+            styleOverrides: {
+              root: {
+                color: "#28285b",
+                textDecoration: "underline",
+                textDecorationSkipInk: "none",
+                textUnderlinePosition: "from-font",
+                // eslint-disable-next-line sort-keys -- disabling key order for readability
+                "&:hover": {
+                  textDecoration: "none",
+                },
+              },
+            },
+          },
+        },
         palette: {
           background: { default: smokeLightest },
         },