Skip to content

Commit

Permalink
Merge pull request #769 from remap-keys/donation-link
Browse files Browse the repository at this point in the history
Put the donation link on the footer.
  • Loading branch information
yoichiro authored Oct 13, 2023
2 parents 1ad3576 + 5c0eb5c commit 5b8e805
Show file tree
Hide file tree
Showing 2 changed files with 64 additions and 14 deletions.
37 changes: 33 additions & 4 deletions src/components/common/footer/Footer.scss
Original file line number Diff line number Diff line change
Expand Up @@ -25,19 +25,31 @@
}
}
&-contents {
text-align: center;
display: flex;
flex-direction: row;
justify-content: center;

& .footer-content {
display: inline-block;
display: flex;
flex-direction: row;
align-items: center;

&:not(:first-child) {
margin-left: 16px;
}

& a {
display: flex;
flex-direction: row;
align-items: center;
}
}

&-mobile {
display: none;
}
}

.app-version {
text-align: end;
color: $color-gray-400;
Expand All @@ -53,8 +65,25 @@
display: none;

&-mobile {
display: block;
text-align: center;
display: flex;
flex-direction: row;
justify-content: center;

& .footer-content {
display: flex;
flex-direction: row;
align-items: center;

&:not(:first-child) {
margin-left: 16px;
}

& a {
display: flex;
flex-direction: row;
align-items: center;
}
}
}
}
}
Expand Down
41 changes: 31 additions & 10 deletions src/components/common/footer/Footer.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@ import React from 'react';
import { FooterActionsType, FooterStateType } from './Footer.container';
import './Footer.scss';
import moment from 'moment-timezone';
import PaidIcon from '@mui/icons-material/Paid';

type FooterState = {};

Expand Down Expand Up @@ -34,32 +35,52 @@ export default class Footer extends React.Component<
</a>
</div>
<div className="footer-contents">
<span className="footer-content">
<div className="footer-content">
<a href="https://qmk018.remap-keys.app">Remap for QMK 0.18</a>
</span>
<span className="footer-content">
</div>
<div className="footer-content">
<a href="/docs/terms_of_use">Terms of Use</a>
</span>
<span className="footer-content">
</div>
<div className="footer-content">
<a href="/docs/review_policy">Review Policy</a>
</span>
<span className="footer-content">
</div>
<div className="footer-content">
<a href="/docs/faq">FAQ</a>
</span>
<span className="footer-content">
</div>
<div className="footer-content">
<a
href="https://discord.gg/uf7v5DruMB"
target={'_blank'}
rel={'noreferrer'}
>
User Community
</a>
</span>
</div>
<div className="footer-content">
<a
href="https://github.com/sponsors/yoichiro"
target={'_blank'}
rel={'noreferrer'}
>
<PaidIcon sx={{ fontSize: '1rem' }} color="success" />
Donate
</a>
</div>
</div>
<div className="footer-contents-mobile">
<span className="footer-content">
<a href="/docs">Resources</a>
</span>
<div className="footer-content">
<a
href="https://github.com/sponsors/yoichiro"
target={'_blank'}
rel={'noreferrer'}
>
<PaidIcon sx={{ fontSize: '1rem' }} color="success" />
Donate
</a>
</div>
</div>
<div className="app-version">Build: {this.props.buildNumber}</div>
</footer>
Expand Down

0 comments on commit 5b8e805

Please sign in to comment.