- We use NASA data to determine the exact position of the planets in the sky at the time of your birth to create wallpapers that are just right for you.
-
- You will be charged only $1 for your 7-day trial. We'll email you a reminder before your trial period ends. Cancel anytime.
-
+
{t('chargedOnly')}
)
}
diff --git a/src/components/Purposes/index.tsx b/src/components/Purposes/index.tsx
index 9aaf069..0612e7b 100644
--- a/src/components/Purposes/index.tsx
+++ b/src/components/Purposes/index.tsx
@@ -1,7 +1,9 @@
+import { useTranslation } from 'react-i18next'
import './styles.css'
function Purposes(): JSX.Element {
- return For entertaiment purposes only
+ const { t } = useTranslation()
+ return {t('purposes')}
}
export default Purposes
diff --git a/src/components/SubscriptionPage/index.tsx b/src/components/SubscriptionPage/index.tsx
index d86a773..a324e71 100644
--- a/src/components/SubscriptionPage/index.tsx
+++ b/src/components/SubscriptionPage/index.tsx
@@ -1,3 +1,4 @@
+import { useTranslation } from 'react-i18next'
import MainButton from '../MainButton'
import Policy from '../Policy'
import Countdown from '../Countdown'
@@ -6,6 +7,7 @@ import UserHeader from '../UserHeader'
import CallToAction from '../CallToAction'
function SubscriptionPage(): JSX.Element {
+ const { t } = useTranslation()
const userEmail = 'some@email.com'
const links = [
{ text: 'Subscription policy', href: 'https://aura.wit.life/' },
@@ -27,10 +29,8 @@ function SubscriptionPage(): JSX.Element {
-
-
- By proceeding, you agree that if you do not cancel your subscription before the end of the 7-day trial period, you will be automatically charged nineteen US dollars zero cents every 2 weeks until you cancel the subscription in the settings. Learn more about cancellation and refund policy in Subscription policy
-
+
+ {t('subscriptionPolicy')}
)
diff --git a/src/init.tsx b/src/init.tsx
index 771abb7..d97ba8d 100644
--- a/src/init.tsx
+++ b/src/init.tsx
@@ -1,13 +1,26 @@
import React from 'react'
import { BrowserRouter } from 'react-router-dom'
+import i18next from 'i18next'
+import { I18nextProvider, initReactI18next } from 'react-i18next'
+import resources from './locales'
+import routes from './routes'
import App from './components/App'
const init = async () => {
+ const response = await fetch(routes.server.translations())
+ const data = await response.json()
+ const defaultLanguage = data.meta.locale
+ // TODO: add translations from data.translations
+ const i18nextInstance = i18next.createInstance()
+ const options = { lng: defaultLanguage, resources }
+ await i18nextInstance.use(initReactI18next).init(options)
return (
-
-
-
+
+
+
+
+
)
}
diff --git a/src/locales/en.ts b/src/locales/en.ts
new file mode 100644
index 0000000..dd7a3ed
--- /dev/null
+++ b/src/locales/en.ts
@@ -0,0 +1,34 @@
+export default {
+ translation: {
+ letsStart: "Let's start!",
+ next: "Next",
+ dateOfBirth: "What's your date of birth?",
+ privacyText: "By continuing, you agree to our EULA and Privacy Notice. Have a question? Reach our support team here",
+ bornTimeQuestion: "What time were you born?",
+ nasaDataUsing: "We use NASA data to determine the exact position of the planets in the sky at the time of your birth to create wallpapers that are just right for you.",
+ ctaTitle: "Start your 7-day trial",
+ ctaSubtitle: "No pressure. Cancel anytime.",
+ reservedFor: "Reserved for ",
+ creatingProfile: "Creating your profile",
+ zodiacAnalysis: "Zodiac data analysis",
+ drawingWallpaper: "Drawing Wallpapers",
+ preparingResults: "Preparing results",
+ invalidDate: "Date not found. Please check your details and try again.",
+ year: "Year",
+ month: "Month",
+ day: "Day",
+ weWillEmailYou: "We will email you a copy of your wallpaper for easy access.",
+ yourEmail: "Your email",
+ weDontShare: "We don't share any personal information.",
+ continueAgree: 'By clicking "Continue" below, you agree to our EULA and Privacy Policy.',
+ continue: 'Continue',
+ appName: "Aura",
+ unexpectedError: 'Sorry, an unexpected error has occurred.',
+ oops: "Oops!",
+ totalToday: 'Total today',
+ chargedOnly: "You will be charged only $1 for your 7-day trial. We'll email you a reminder before your trial period ends. Cancel anytime.",
+ purposes: 'For entertaiment purposes only.',
+ getAccess: 'Get access',
+ subscriptionPolicy: 'By proceeding, you agree that if you do not cancel your subscription before the end of the 7-day trial period, you will be automatically charged nineteen US dollars zero cents every 2 weeks until you cancel the subscription in the settings. Learn more about cancellation and refund policy in Subscription policy',
+ },
+}
diff --git a/src/locales/index.ts b/src/locales/index.ts
new file mode 100644
index 0000000..56f1662
--- /dev/null
+++ b/src/locales/index.ts
@@ -0,0 +1,3 @@
+import en from './en.ts'
+
+export default { en }
diff --git a/src/routes.ts b/src/routes.ts
index 12ab951..a2e4e93 100644
--- a/src/routes.ts
+++ b/src/routes.ts
@@ -1,5 +1,6 @@
-const host = '';
-const prefix = 'api/v1';
+const host = ''
+const apiHost = 'https://aura.wit.life'
+const prefix = 'api/v1'
const routes = {
client: {
@@ -11,9 +12,9 @@ const routes = {
createProfile: () => [host, 'profile', 'create'].join('/'),
},
server: {
- locales: () => [host, prefix, 'locales.json'].join('/'),
- translations: () => [host, prefix, 't.json'].join('/'),
- userRegistration: () => [host, prefix, 'user', 'registration.json'].join('/'),
+ locales: () => [apiHost, prefix, 'locales.json'].join('/'),
+ translations: () => [apiHost, prefix, 't.json'].join('/'),
+ userRegistration: () => [apiHost, prefix, 'user', 'registration.json'].join('/'),
},
}
diff --git a/src/types.ts b/src/types.ts
index c9ec3cf..2ecb854 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -1,8 +1,8 @@
export interface FormField {
name: string
value: T
- label?: string
- placeholder?: string
+ label?: string | null
+ placeholder?: string | null
onValid: (value: T) => void
onInvalid: () => void
}