mirror of
https://github.com/revoltchat/revite.git
synced 2024-11-09 16:53:36 -05:00
feat: redesign emoji uploader
This commit is contained in:
parent
024fc6853b
commit
dfbba41be4
3 changed files with 21 additions and 11 deletions
2
external/components
vendored
2
external/components
vendored
|
@ -1 +1 @@
|
|||
Subproject commit 5e6e4a09c45baf18dcc44925f0113bad1d732e9c
|
||||
Subproject commit fd7ad8b8712d24977c1c47dc5705a32487ace0ed
|
2
external/lang
vendored
2
external/lang
vendored
|
@ -1 +1 @@
|
|||
Subproject commit 8ec1e5571e3d29a93500c0199f6823d16056b6f8
|
||||
Subproject commit 429734c32b3584dd9c23124bd0682bba31834eb8
|
|
@ -1,8 +1,9 @@
|
|||
import { Server } from "revolt.js";
|
||||
|
||||
import { Text } from "preact-i18n";
|
||||
import { useState } from "preact/hooks";
|
||||
|
||||
import { Form } from "@revoltchat/ui";
|
||||
import { Button, Column, Form, FormElement, Row } from "@revoltchat/ui";
|
||||
|
||||
import { FileUploader } from "../../../controllers/client/jsx/legacy/FileUploads";
|
||||
|
||||
|
@ -15,7 +16,9 @@ export function EmojiUploader({ server }: Props) {
|
|||
|
||||
return (
|
||||
<>
|
||||
<h3>Upload Emoji</h3>
|
||||
<h3>
|
||||
<Text id="app.settings.server_pages.emojis.upload" />
|
||||
</h3>
|
||||
<Form
|
||||
schema={{
|
||||
name: "text",
|
||||
|
@ -42,11 +45,6 @@ export function EmojiUploader({ server }: Props) {
|
|||
),
|
||||
},
|
||||
}}
|
||||
submitBtn={{
|
||||
children: "Save",
|
||||
palette: "secondary",
|
||||
disabled: !fileId,
|
||||
}}
|
||||
onSubmit={async ({ name }) => {
|
||||
await server.client.api.put(`/custom/emoji/${fileId}`, {
|
||||
name,
|
||||
|
@ -54,8 +52,20 @@ export function EmojiUploader({ server }: Props) {
|
|||
});
|
||||
|
||||
setFileId("");
|
||||
}}
|
||||
/>
|
||||
}}>
|
||||
<Row>
|
||||
<FormElement id="file" />
|
||||
<Column>
|
||||
<FormElement id="name" />
|
||||
<Button
|
||||
type="submit"
|
||||
palette="secondary"
|
||||
disabled={!fileId}>
|
||||
<Text id="app.special.modals.actions.save" />
|
||||
</Button>
|
||||
</Column>
|
||||
</Row>
|
||||
</Form>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue