mirrors/thunderhub
1
0
Fork 0
mirror of https://github.com/apotdevin/thunderhub.git synced 2025-02-22 14:22:33 +01:00
Code Issues Projects Releases Wiki Activity

chore: link changes

Browse source
This commit is contained in:
AP 2020-01-30 19:46:21 +01:00
parent d52cdf8679
commit c0abc94563
4 changed files with 16 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/components/link/Link.tsx
View file

@ -11,21 +11,17 @@ interface StyledProps {
const styledCss = css` const styledCss = css`
color: ${({ fontColor }: StyledProps) => fontColor ?? textColor}; color: ${({ fontColor }: StyledProps) => fontColor ?? textColor};
cursor: pointer;
padding: 0 2px;
background: linear-gradient(
to bottom,
${({ underline }: StyledProps) => underline ?? linkHighlight} 0%,
${({ underline }: StyledProps) => underline ?? linkHighlight} 100%
);
background-position: 0 100%;
background-size: 2px 2px;
background-repeat: repeat-x;
text-decoration: none; text-decoration: none;
transition: background-size 0.5s;
:hover { :hover {
background-size: 4px 50px; background: linear-gradient(
to bottom,
${({ underline }: StyledProps) => underline ?? linkHighlight} 0%,
${({ underline }: StyledProps) => underline ?? linkHighlight} 100%
);
background-position: 0 100%;
background-size: 2px 2px;
background-repeat: repeat-x;
} }
`; `;

2
src/styles/Themes.ts
View file

@ -69,7 +69,7 @@ export const burgerColor = theme('mode', {
}); });
export const linkHighlight = theme('mode', { export const linkHighlight = theme('mode', {
light: fontColors.blue2, light: fontColors.blue3,
dark: fontColors.blue3, dark: fontColors.blue3,
}); });

6
src/views/other/privacy/PrivacyView.tsx
View file

@ -6,7 +6,7 @@ import { ContactSection } from '../ContactSection';
import { Link } from 'components/link/Link'; import { Link } from 'components/link/Link';
export const PrivacyView = () => { export const PrivacyView = () => {
const props = { color: fontColors.black, underline: fontColors.blue2 }; const props = { color: fontColors.blue2, underline: fontColors.blue2 };
const renderLinks = (terms: string, privacy: string) => ( const renderLinks = (terms: string, privacy: string) => (
<> <>
@ -127,14 +127,14 @@ export const PrivacyView = () => {
to their policies when interacting with them. to their policies when interacting with them.
</Text> </Text>
<BulletPoint> <BulletPoint>
<b>Earn.com's Bitcoin Fee API</b> - Earn.com's <b>Earn.com's Bitcoin Fee API</b> - Earn.com's{' '}
{renderLinks( {renderLinks(
'https://earn.com/privacy/', 'https://earn.com/privacy/',
'https://earn.com/terms-of-use/', 'https://earn.com/terms-of-use/',
)} )}
</BulletPoint> </BulletPoint>
<BulletPoint> <BulletPoint>
<b>Blockchain Explorer and Price API</b> - Blockchain's <b>Blockchain Explorer and Price API</b> - Blockchain's{' '}
{renderLinks( {renderLinks(
'https://www.blockchain.com/legal/privacy', 'https://www.blockchain.com/legal/privacy',
'https://www.blockchain.com/legal/terms', 'https://www.blockchain.com/legal/terms',

14
src/views/other/terms/TermsView.tsx
View file

@ -6,6 +6,8 @@ import { ContactSection } from '../ContactSection';
import { Link } from 'components/link/Link'; import { Link } from 'components/link/Link';
export const TermsView = () => { export const TermsView = () => {
const props = { color: fontColors.blue2, underline: fontColors.blue2 };
return ( return (
<> <>
<Section color={themeColors.blue3} padding={'40px 0 64px'}> <Section color={themeColors.blue3} padding={'40px 0 64px'}>
@ -18,11 +20,7 @@ export const TermsView = () => {
<Question>1. Terms</Question> <Question>1. Terms</Question>
<Text> <Text>
ThunderHub ("us", "we", or "our") provides the website{' '} ThunderHub ("us", "we", or "our") provides the website{' '}
<Link <Link href={'https://thunderhub.io'} {...props}>
href={'https://thunderhub.io'}
color={fontColors.black}
underline={fontColors.blue2}
>
https://thunderhub.io https://thunderhub.io
</Link>{' '} </Link>{' '}
(the "Site"). Your use of or access to the site is subject (the "Site"). Your use of or access to the site is subject
@ -83,11 +81,7 @@ export const TermsView = () => {
and is hereby incorporated by this reference into these and is hereby incorporated by this reference into these
Terms. You agree to the collection, use, storage, and Terms. You agree to the collection, use, storage, and
disclosure of your data in accordance with our{' '} disclosure of your data in accordance with our{' '}
<Link <Link to={'/privacy'} {...props}>
to={'/privacy'}
color={fontColors.black}
underline={fontColors.blue2}
>
Privacy Policy Privacy Policy
</Link> </Link>
. .