Skip to content

Commit

Permalink
added translation to myaccount page #438
Browse files Browse the repository at this point in the history
  • Loading branch information
io53 committed Sep 4, 2024
1 parent eff68b5 commit 5bfd354
Show file tree
Hide file tree
Showing 3 changed files with 70 additions and 101 deletions.
15 changes: 11 additions & 4 deletions src/TextHelper.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,16 +3,23 @@ export function uppercaseFirst(string) {
return string.charAt(0).toUpperCase() + string.slice(1);
}

export function addNewlines(str, newlineChar) {
function addHighlight(str, highlightedText) {
return str.split(highlightedText).map((x, i, all) => {
return <>{x}{i === all.length - 1 ? null : <span style={{ color: "#f15a24" }}>{highlightedText}</span>}</>
})
}

export function addNewlines(str, newlineChar, highlightedText) {
return str.split(newlineChar || "\n").map((x, i, all) => {
if (i === all.length-1) return <>{x}</>
x = addHighlight(x, highlightedText)
return <p style={{ marginTop: i > 0 ? 10 : undefined }} key={Math.random()}>{x}</p>
})
}

export function addLink(str, key, link) {
export function addLink(str, key, link, andNewLines, highlightedText) {
return str.split(key).map((x, i, all) => {
return <>{x}{i === all.length-1 ? null : <a href={link} style={{ textDecoration: "underline" }} target="_blank" rel="noreferrer">{key}</a>}</>
if (andNewLines) x = addNewlines(x, undefined, highlightedText)
return <>{x}{i === all.length - 1 ? null : <a href={link} style={{ textDecoration: "underline" }} target="_blank" rel="noreferrer">{key} ⇗</a>}</>
})
}

Expand Down
54 changes: 3 additions & 51 deletions src/components/MyAccountModal.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -110,57 +110,9 @@ function MyAccountModal(props) {
<Content>{t("no_expiry_date")}</Content>
)}
<Title>{t("information")}</Title>
{lng === "en" &&
<Content>
<Content>
To purchase Ruuvi Cloud package activation codes, please visit {cloudLink()}
</Content>
<Content>
Once you have received your code(s) by email, enter them below to activate them.
</Content>
<Content>
<span style={{ color: "#f15a24" }}>Important!</span> Entering a code for a different type of Ruuvi Cloud plan than the one currently active overrides the currently active plan. For example, if you currently have a Ruuvi Cloud Pro plan in your account, entering the Ruuvi Cloud Basic activation code will replace the Pro plan and your new Basic plan will be activated immediately, losing the remaining part of the old Pro plan. But if you enter the same type of activation code (in this case Pro), the current Pro plan's expiration date will be automatically extended.
</Content>
<Content>
Most frequently asked questions and more information about available packages and their features can be found at {cloudLink()}
</Content>
</Content>
}
{lng === "fi" &&
<Content>
<Content>
Osta Ruuvi Cloud -paketin aktivointikoodi kotisivuiltamme osoitteesta {cloudLink()}
</Content>
<Content>
Tarkasta aktivointikoodi(t) saamastasi sähköpostista ja syötä tiedot alla olevaan kenttään.
</Content>
<Content>
<span style={{ color: "#f15a24" }}>Tärkeää!</span> Eri tyyppisen Ruuvi Cloud -tilauskoodin syöttäminen korvaa ja päättää nykyisen tyyppisen aktiivisen tilauksen. Esimerkiksi Ruuvi Cloud Basic -tilauskoodin syöttäminen tilille jolla on jo aktiivinen Ruuvi Cloud Pro -tilaus päättää Pro-tilauksen välittömästi ja se korvataan Ruuvi Cloud Basic tilauksella, jolloin Pro-tilauksessa jäljellä oleva käyttöaika päättyy heti.
</Content>
<Content>
Nykyisen Pro-tilauksen päättymispäivää siirretään aktivointikoodin mukaisesti eteenpäin, mikäli syötät kenttään saman tyyppisen tilauksen aktivointikoodin (tässä tapauksessa Pro).
</Content>
<Content>
Lisätietoja saatavilla olevista tilauspaketeista ja vastauksia usein kysyttyihin kysymyksiin löydät osoitteesta {cloudLink()}
</Content>
</Content>
}
{lng === "sv" &&
<Content>
<Content>
För att köpa aktiveringskoder för Ruuvi Cloud-paket, besök {cloudLink()}
</Content>
<Content>
När du har fått din/dina kod(er) via e-post, ange dem nedan för att aktivera dem.
</Content>
<Content>
<span style={{ color: "#f15a24" }}>Viktigt!</span> Genom att ange en kod för en annan typ av Ruuvi Cloud-plan än den som är aktiv just nu ersätts den aktuella planen. Till exempel, om du just nu har en Ruuvi Cloud Pro-plan i ditt konto, genom att ange en Ruuvi Cloud Basic-aktiveringskod, kommer Pro-planen att ersättas och din nya Basic-plan kommer att aktiveras omedelbart, vilket leder till förlusten av resten av den gamla Pro-planen. Men om du anger samma typ av aktiveringskod (i det här fallet Pro), kommer den aktuella Pro-planens utgångsdatum att automatiskt förlängas.
</Content>
<Content>
De flesta vanligt förekommande frågorna och mer information om tillgängliga paket och deras funktioner finns på {cloudLink()}
</Content>
</Content>
}
<Content>
{addLink(t('my_account_information'), t("cloud_ruuvi_link"), t("cloud_ruuvi_link_url"), true, t('my_account_information_hightlighted_text'))}
</Content>
<Title>{t("enter_activation_code")}</Title>
<Box mt={1} />
<PinInput variant="filled" type="alphanumeric" value={activationCode} autoFocus={false} focusBorderColor="#1f938500" onChange={code => updateValidationCode(code)}>
Expand Down
Loading

0 comments on commit 5bfd354

Please sign in to comment.