chrisryn/requestarr
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

feat(frontend): add language picker to setup/login

Browse Source
This commit is contained in:
sct
2020-12-19 23:13:46 +09:00
parent 108dfc4afd
commit ff2ab29491
2 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Login/index.tsx
View File

@@ -6,6 +6,7 @@ import { useRouter } from 'next/dist/client/router';
import ImageFader from '../Common/ImageFader'; import ImageFader from '../Common/ImageFader';
import { defineMessages, FormattedMessage } from 'react-intl'; import { defineMessages, FormattedMessage } from 'react-intl';
import Transition from '../Transition'; import Transition from '../Transition';
import LanguagePicker from '../Layout/LanguagePicker';
const messages = defineMessages({ const messages = defineMessages({
signinplex: 'Sign in to continue', signinplex: 'Sign in to continue',
@@ -59,7 +60,10 @@ const Login: React.FC = () => {
'/images/rotate4.jpg', '/images/rotate4.jpg',
]} ]}
/> />
<div className="px-4 sm:px-2 md:px-0 sm:mx-auto sm:w-full sm:max-w-md relative z-50"> <div className="absolute top-4 right-4 z-50">
<LanguagePicker />
</div>
<div className="px-4 sm:px-2 md:px-0 sm:mx-auto sm:w-full sm:max-w-md relative z-40">
<img <img
src="/logo.png" src="/logo.png"
className="mx-auto max-h-32 w-auto" className="mx-auto max-h-32 w-auto"

6
src/components/Setup/index.tsx
View File

@@ -9,6 +9,7 @@ import SetupSteps from './SetupSteps';
import axios from 'axios'; import axios from 'axios';
import { defineMessages, FormattedMessage, useIntl } from 'react-intl'; import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
import Badge from '../Common/Badge'; import Badge from '../Common/Badge';
import LanguagePicker from '../Layout/LanguagePicker';
const messages = defineMessages({ const messages = defineMessages({
finish: 'Finish Setup', finish: 'Finish Setup',
@@ -51,7 +52,10 @@ const Setup: React.FC = () => {
'/images/rotate4.jpg', '/images/rotate4.jpg',
]} ]}
/> />
<div className="px-4 sm:px-2 md:px-0 sm:mx-auto sm:w-full sm:max-w-4xl relative z-50"> <div className="absolute top-4 right-4 z-50">
<LanguagePicker />
</div>
<div className="px-4 sm:px-2 md:px-0 sm:mx-auto sm:w-full sm:max-w-4xl relative z-40">
<img <img
src="/logo.png" src="/logo.png"
className="mx-auto max-h-32 w-auto mb-10" className="mx-auto max-h-32 w-auto mb-10"