fix: Use blue footer links in modal

hirosystems · Feb 3, 2020 · 3906d3f · 3906d3f
1 parent de2bd8a
commit 3906d3f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/react/components/link.tsx b/src/react/components/link.tsx
@@ -6,12 +6,10 @@ interface LinkProps extends BoxProps {
   _hover?: BoxProps;
 }
 
-const Link: React.FC<LinkProps> = ({ _hover = {}, children, ...rest }) => (
+export const Link: React.FC<LinkProps> = ({ _hover = {}, children, ...rest }) => (
   <Box {...rest}>
-    <Text _hover={{ textDecoration: 'underline', cursor: 'pointer', ..._hover }} fontWeight="medium">
+    <Text _hover={{ textDecoration: 'underline', cursor: 'pointer', ..._hover }} textStyle="caption.medium">
       {children}
     </Text>
   </Box>
 );
-
-export { Link };
diff --git a/src/react/components/screens/intro.tsx b/src/react/components/screens/intro.tsx
@@ -82,6 +82,7 @@ export const Intro = () => {
       <ScreenFooter>
         <Stack spacing={4} isInline>
           <Link
+            color="blue.900"
             onClick={() => {
               doStartAuth();
               // eslint-disable-next-line @typescript-eslint/no-floating-promises
@@ -98,6 +99,7 @@ export const Intro = () => {
             Sign in to Data Vault
           </Link>
           <Link
+            color="blue.900"
             onClick={() => {
               doGoToHowItWorksScreen();
             }}