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

feat(@ui): migrate line divider, preloader and save status

Browse Source
This commit is contained in:
Paul Makles
2022-05-30 12:40:01 +01:00
parent ab77d4a812
commit b4777e9816
30 changed files with 55 additions and 206 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/pages/settings/GenericSettings.tsx
View File

@@ -13,7 +13,7 @@ import {
useState,
} from "preact/hooks";
import { IconButton } from "@revoltchat/ui";
import { IconButton, LineDivider } from "@revoltchat/ui";
import { isTouchscreenDevice } from "../../lib/isTouchscreenDevice";
@@ -22,7 +22,6 @@ import { useApplicationState } from "../../mobx/State";
import ButtonItem from "../../components/navigation/items/ButtonItem";
import Category from "../../components/ui/Category";
import Header from "../../components/ui/Header";
import LineDivider from "../../components/ui/LineDivider";
import { Children } from "../../types/Preact";
interface Props {

5
src/pages/settings/ServerSettings.tsx
View File

@@ -13,13 +13,12 @@ import { Route, Switch, useHistory, useParams } from "react-router-dom";
import styles from "./Settings.module.scss";
import { Text } from "preact-i18n";
import { LineDivider } from "@revoltchat/ui";
import { useIntermediate } from "../../context/intermediate/Intermediate";
import RequiresOnline from "../../context/revoltjs/RequiresOnline";
import { useClient } from "../../context/revoltjs/RevoltClient";
import Category from "../../components/ui/Category";
import LineDivider from "../../components/ui/LineDivider";
import ButtonItem from "../../components/navigation/items/ButtonItem";
import { GenericSettings } from "./GenericSettings";
import { Bans } from "./server/Bans";

4
src/pages/settings/Settings.tsx
View File

@@ -29,6 +29,8 @@ import { openContextMenu } from "preact-context-menu";
import { Text } from "preact-i18n";
import { useContext } from "preact/hooks";
import { LineDivider } from "@revoltchat/ui";
import { useApplicationState } from "../../mobx/State";
import { useIntermediate } from "../../context/intermediate/Intermediate";
@@ -38,8 +40,6 @@ import { AppContext, LogOutContext } from "../../context/revoltjs/RevoltClient";
import UserIcon from "../../components/common/user/UserIcon";
import { Username } from "../../components/common/user/UserShort";
import UserStatus from "../../components/common/user/UserStatus";
import LineDivider from "../../components/ui/LineDivider";
import ButtonItem from "../../components/navigation/items/ButtonItem";
import { GIT_BRANCH, GIT_REVISION, REPO_URL } from "../../revision";
import { APP_VERSION } from "../../version";

3
src/pages/settings/panes/Sessions.tsx
View File

@@ -18,13 +18,12 @@ import styles from "./Panes.module.scss";
import { Text } from "preact-i18n";
import { useContext, useEffect, useState } from "preact/hooks";
import { Button } from "@revoltchat/ui";
import { Button, Preloader } from "@revoltchat/ui";
import { dayjs } from "../../../context/Locale";
import { useIntermediate } from "../../../context/intermediate/Intermediate";
import { AppContext } from "../../../context/revoltjs/RevoltClient";
import Preloader from "../../../components/ui/Preloader";
import Tip from "../../../components/ui/Tip";
import CategoryButton from "../../../components/ui/fluent/CategoryButton";

3
src/pages/settings/server/Bans.tsx
View File

@@ -8,10 +8,9 @@ import styles from "./Panes.module.scss";
import { Text } from "preact-i18n";
import { useEffect, useMemo, useState } from "preact/hooks";
import { IconButton, InputBox } from "@revoltchat/ui";
import { IconButton, InputBox, Preloader } from "@revoltchat/ui";
import UserIcon from "../../../components/common/user/UserIcon";
import Preloader from "../../../components/ui/Preloader";
interface InnerProps {
ban: API.ServerBan;

7
src/pages/settings/server/Categories.tsx
View File

@@ -8,6 +8,8 @@ import { ulid } from "ulid";
import { Text } from "preact-i18n";
import { useCallback, useEffect, useMemo, useState } from "preact/hooks";
import { SaveStatus } from "@revoltchat/ui";
import { useAutosave } from "../../../lib/debounce";
import { Draggable, Droppable } from "../../../lib/dnd";
import { noop } from "../../../lib/js";
@@ -15,7 +17,6 @@ import { noop } from "../../../lib/js";
import { useIntermediate } from "../../../context/intermediate/Intermediate";
import ChannelIcon from "../../../components/common/ChannelIcon";
import SaveStatus, { EditStatus } from "../../../components/ui/SaveStatus";
const KanbanEntry = styled.div`
padding: 2px 4px;
@@ -132,7 +133,9 @@ interface Props {
}
export const Categories = observer(({ server }: Props) => {
const [status, setStatus] = useState<EditStatus>("saved");
const [status, setStatus] = useState<"saved" | "editing" | "saving">(
"saved",
);
const [categories, setCategories] = useState<API.Category[]>(
server.categories ?? [],
);

3
src/pages/settings/server/Invites.tsx
View File

@@ -7,13 +7,12 @@ import styles from "./Panes.module.scss";
import { Text } from "preact-i18n";
import { useEffect, useState } from "preact/hooks";
import { IconButton } from "@revoltchat/ui";
import { IconButton, Preloader } from "@revoltchat/ui";
import { getChannelName } from "../../../context/revoltjs/util";
import UserIcon from "../../../components/common/user/UserIcon";
import { Username } from "../../../components/common/user/UserShort";
import Preloader from "../../../components/ui/Preloader";
interface InnerProps {
invite: API.Invite;