diff --git a/src/constants/localization/en.ts b/src/constants/localization/en.ts index 8833b92..1e8fbaa 100644 --- a/src/constants/localization/en.ts +++ b/src/constants/localization/en.ts @@ -1,7 +1,9 @@ import { common } from "./common/en"; +import { registration } from './registration/en'; const en: Record = { - ...common + ...common, + ...registration } export default en; \ No newline at end of file diff --git a/src/constants/localization/fi.ts b/src/constants/localization/fi.ts index c7105e1..e85eb71 100644 --- a/src/constants/localization/fi.ts +++ b/src/constants/localization/fi.ts @@ -1,7 +1,9 @@ import { common } from "./common/fi"; +import { registration } from './registration/en'; const fi: Record = { - ...common + ...common, + ...registration } export default fi; \ No newline at end of file diff --git a/src/constants/localization/registration/en.ts b/src/constants/localization/registration/en.ts new file mode 100644 index 0000000..98e0b48 --- /dev/null +++ b/src/constants/localization/registration/en.ts @@ -0,0 +1,4 @@ +export const registration: Record = { + "registration.welcome": "Welcome to our wedding on plaa plaa August 2022", + "registration.questions": "If you have any question about:\nmushrooms\ndangerous animals" +} \ No newline at end of file diff --git a/src/constants/localization/registration/fi.ts b/src/constants/localization/registration/fi.ts new file mode 100644 index 0000000..98e0b48 --- /dev/null +++ b/src/constants/localization/registration/fi.ts @@ -0,0 +1,4 @@ +export const registration: Record = { + "registration.welcome": "Welcome to our wedding on plaa plaa August 2022", + "registration.questions": "If you have any question about:\nmushrooms\ndangerous animals" +} \ No newline at end of file diff --git a/src/img/lintujamaslo.jpg b/src/img/lintujamaslo.jpg new file mode 100644 index 0000000..9fb37bf Binary files /dev/null and b/src/img/lintujamaslo.jpg differ diff --git a/src/pages/Registration.scss b/src/pages/Registration.scss index 82afcc4..d74b98c 100644 --- a/src/pages/Registration.scss +++ b/src/pages/Registration.scss @@ -1,4 +1,26 @@ -.Registration-form { +.Registration { display: flex; - justify-content: center; + align-items: center; + flex-direction: column; + white-space: pre-line; + + .Registration-main { + display: flex; + flex-direction: column; + align-items: center; + max-width: 50%; + + img { + max-width: 60%; + } + + p { + text-align: center; + } + } + + .Registration-form { + display: flex; + justify-content: center; + } } diff --git a/src/pages/Registration.tsx b/src/pages/Registration.tsx index 2d01e4c..51687d3 100644 --- a/src/pages/Registration.tsx +++ b/src/pages/Registration.tsx @@ -1,13 +1,21 @@ import "./Registration.scss"; +import { FormattedMessage } from 'react-intl'; +import mainPicture from "../img/lintujamaslo.jpg" import { RegForm } from '../components/RegForm' export const Registration = () => { return ( - <> +
+
+ +

+

+ +
- +
) } \ No newline at end of file