abner/for-legacy-web
1
0
Fork 1
mirror of https://github.com/stoatchat/for-legacy-web.git synced 2026-03-07 01:15:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore(settings): added new translation strings

Browse Source
This commit is contained in:
trashtemp
2021-12-24 21:22:01 +01:00
parent 73b6da4e1e
commit 6bed278fe8
8 changed files with 99 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/pages/channels/Channel.tsx
View File

@@ -44,11 +44,32 @@ const ChannelContent = styled.div`
`;
const PlaceholderBase = styled.div`
@keyframes floating {
0% {
transform: translate(0, 0px);
}
50% {
transform: translate(0, 15px);
}
100% {
transform: translate(0, -0px);
}
}
flex-grow: 1;
display: flex;
overflow: hidden;
flex-direction: column;
.floating {
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
margin-left: 30px;
margin-top: 5px;
}
.placeholder {
justify-content: center;
text-align: center;
@@ -163,7 +184,9 @@ function ChannelPlaceholder() {
</PageHeader>
<div className="placeholder">
<Ghost width={80} />
<div className="floating">
<Ghost width={80} />
</div>
<div className="primary">
<Text id="app.main.channel.errors.title" />
</div>

1
src/pages/settings/panes/Appearance.tsx
View File

@@ -39,7 +39,6 @@ export const Appearance = observer(() => {
id="settings_overrides"
summary={<Text id="app.settings.pages.appearance.overrides" />}>
<ThemeTools />
<h3>App</h3>
<ThemeOverrides />
</CollapsibleSection>

2
src/pages/settings/panes/MyBots.tsx
View File

@@ -381,7 +381,7 @@ function BotCard({ bot, onDelete, onUpdate }: Props) {
<CollapsibleSection
defaultValue={false}
id={`bot_profile_${bot._id}`}
summary="Bot Profile">
summary={<Text id="app.settings.pages.bots.profile" />}>
<h3>
<Text id="app.settings.pages.profile.custom_background" />
</h3>

68
src/pages/settings/panes/ThemeShop.tsx
View File

@@ -1,5 +1,13 @@
import { Check } from "@styled-icons/boxicons-regular";
import {
Star,
Brush,
Bookmark,
BarChartAlt2,
} from "@styled-icons/boxicons-solid";
import styled from "styled-components";
import { Text } from "preact-i18n";
import { useEffect, useState } from "preact/hooks";
import { useApplicationState } from "../../../mobx/State";
@@ -279,7 +287,7 @@ export function ThemeShop() {
return (
<ThemeShopRoot>
<h5>
Browse hundreds of themes, created and curated by the community.
<Text id="app.settings.pages.theme_shop.description" />
</h5>
{/*<LoadFail>
<h5>
@@ -290,55 +298,66 @@ export function ThemeShop() {
<Tip warning hideSeparator>
The Theme Shop is currently under construction.
</Tip>
<hr />
{/* FIXME INTEGRATE WITH MOBX */}
{/*<ActiveTheme>
<div class="active-indicator">
<Check size="16" />
Currently active
<Text id="app.settings.pages.theme_shop.active" />
</div>
<div class="container">
<div class="theme">theme svg goes here</div>
<div class="info">
<div class="title">Theme Title</div>
<div class="author">by Author</div>
<div class="author">
<Text id="app.settings.pages.theme_shop.by" />{" "}
Author
</div>
<h5>This is a theme description.</h5>
</div>
</div>
</ActiveTheme>
<InputBox placeholder="Search themes..." contrast />
<InputBox placeholder="<Text id="app.settings.pages.theme_shop.search" />" contrast />
<Category>
<div class="title">
<Bookmark size={16} />
Saved
<Text id="app.settings.pages.theme_shop.category.saved" />
</div>
<a class="view">Manage installed</a>
<a class="view">
<Text id="app.settings.pages.theme_shop.category.manage" />
</a>
</Category>
<Category>
<div class="title">
<Star size={16} />
New this week
<Text id="app.settings.pages.theme_shop.category.new" />
</div>
<a class="view">View all</a>
</Category>
<Category>
<div class="title">
<Brush size={16} />
Default themes
</div>
<a class="view">View all</a>
<a class="view">
<Text id="app.settings.pages.theme_shop.category.viewall" />
</a>
</Category>
<Category>
<div class="title">
<BarChartAlt2 size={16} />
Highest rated
<Text id="app.settings.pages.theme_shop.category.highest" />
</div>
<a class="view">View all</a>
</Category>*/}
<a class="view">
<Text id="app.settings.pages.theme_shop.category.viewall" />
</a>
</Category>
<Category>
<div class="title">
<Brush size={16} />
<Text id="app.settings.pages.theme_shop.category.default" />
</div>
<a class="view">
<Text id="app.settings.pages.theme_shop.category.viewall" />
</a>
</Category>*/}
<hr />
<ThemeList>
{themeList?.map(([slug, theme]) => (
<ThemeInfo
@@ -350,7 +369,9 @@ export function ThemeShop() {
themes.hydrate(themeData[slug], true)
}>
<div class="previewBox">
<div class="hover">Use theme</div>
<div class="hover">
<Text id="app.settings.pages.theme_shop.use" />
</div>
<ThemePreview
slug={slug}
theme={themeData[slug]}
@@ -359,7 +380,10 @@ export function ThemeShop() {
</button>
<h1 class="name">{theme.name}</h1>
{/* Maybe id's of the users should be included as well / instead? */}
<div class="creator">by {theme.creator}</div>
<div class="creator">
<Text id="app.settings.pages.theme_shop.by" />{" "}
{theme.creator}
</div>
<h5 class="description">{theme.description}</h5>
</ThemeInfo>
))}