abner
/
for-legacy-web
mirror of https://github.com/stoatchat/for-legacy-web
1
0
Fork 1
Code Issues Packages Projects Releases Wiki Activity

chore: translations for role page

pull/582/head
Paul Makles 2022-04-28 14:51:34 +01:00
parent c20f630d10
commit b217571325
2 changed files with 26 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
external/lang vendored

@ -1 +1 @@
Subproject commit 8d5bcf4da63bcdf240de1f3af755603429036e77 Subproject commit 039fabd2a9663456ad28a7c456fd55bc3fd153e5

36
src/pages/settings/server/Roles.tsx
View File

@ -2,6 +2,7 @@ import isEqual from "lodash.isequal";
import { observer } from "mobx-react-lite"; import { observer } from "mobx-react-lite";
import { Server } from "revolt.js"; import { Server } from "revolt.js";
import { Text } from "preact-i18n";
import { useMemo, useState } from "preact/hooks"; import { useMemo, useState } from "preact/hooks";
import { useIntermediate } from "../../../context/intermediate/Intermediate"; import { useIntermediate } from "../../../context/intermediate/Intermediate";
@ -109,7 +110,12 @@ export const Roles = observer(({ server }: Props) => {
return ( return (
<div> <div>
<SpaceBetween> <SpaceBetween>
<H1>Edit {currentRole.name}</H1> <H1>
<Text
id="app.settings.actions.edit"
fields={{ name: currentRole.name }}
/>
</H1>
<Button <Button
palette="secondary" palette="secondary"
disabled={isEqual( disabled={isEqual(
@ -117,14 +123,16 @@ export const Roles = observer(({ server }: Props) => {
currentRoleValue, currentRoleValue,
)} )}
onClick={save}> onClick={save}>
Save <Text id="app.special.modals.actions.save" />
</Button> </Button>
</SpaceBetween> </SpaceBetween>
<hr /> <hr />
{selected !== "default" && ( {selected !== "default" && (
<> <>
<section> <section>
<Overline type="subtle">Role Name</Overline> <Overline type="subtle">
<Text id="app.settings.permissions.role_name" />
</Overline>
<p> <p>
<InputBox <InputBox
value={currentRoleValue.name} value={currentRoleValue.name}
@ -140,7 +148,7 @@ export const Roles = observer(({ server }: Props) => {
</section> </section>
<section> <section>
<Overline type="subtle"> <Overline type="subtle">
Role Colour <Text id="app.settings.permissions.role_colour" />
</Overline> </Overline>
<p> <p>
<ColourSwatches <ColourSwatches
@ -156,7 +164,7 @@ export const Roles = observer(({ server }: Props) => {
</section> </section>
<section> <section>
<Overline type="subtle"> <Overline type="subtle">
Role Options <Text id="app.settings.permissions.role_options" />
</Overline> </Overline>
<p> <p>
<Checkbox <Checkbox
@ -166,14 +174,16 @@ export const Roles = observer(({ server }: Props) => {
onChange={(hoist) => onChange={(hoist) =>
setValue({ ...value, hoist }) setValue({ ...value, hoist })
} }
description="Display this role above others."> description={
Hoist Role <Text id="app.settings.permissions.hoist_desc" />
}>
<Text id="app.settings.permissions.hoist_role" />
</Checkbox> </Checkbox>
</p> </p>
</section> </section>
<section> <section>
<Overline type="subtle"> <Overline type="subtle">
Role Ranking <Text id="app.settings.permissions.role_ranking" />
</Overline> </Overline>
<p> <p>
<InputBox <InputBox
@ -193,7 +203,9 @@ export const Roles = observer(({ server }: Props) => {
</section> </section>
</> </>
)} )}
<h1>Edit Permissions</h1> <h1>
<Text id="app.settings.permissions.edit_title" />
</h1>
<PermissionList <PermissionList
value={currentRoleValue.permissions} value={currentRoleValue.permissions}
onChange={(permissions) => onChange={(permissions) =>
@ -206,12 +218,14 @@ export const Roles = observer(({ server }: Props) => {
{selected !== "default" && ( {selected !== "default" && (
<> <>
<hr /> <hr />
<h1>Danger Zone</h1> <h1>
<Text id="app.settings.categories.danger_zone" />
</h1>
<Button <Button
palette="error" palette="error"
compact compact
onClick={deleteRole}> onClick={deleteRole}>
Delete Role <Text id="app.settings.permissions.delete_role" />
</Button> </Button>
</> </>
)} )}