diff options
Diffstat (limited to 'web/source/settings/admin/emoji/local/detail.js')
| -rw-r--r-- | web/source/settings/admin/emoji/local/detail.js | 18 |
1 files changed, 11 insertions, 7 deletions
diff --git a/web/source/settings/admin/emoji/local/detail.js b/web/source/settings/admin/emoji/local/detail.js index daf7a2dac..18a681b6e 100644 --- a/web/source/settings/admin/emoji/local/detail.js +++ b/web/source/settings/admin/emoji/local/detail.js @@ -20,21 +20,25 @@ const React = require("react"); const { useRoute, Link, Redirect } = require("wouter"); -const query = require("../../../lib/query"); - const { useComboBoxInput, useFileInput, useValue } = require("../../../lib/form"); const { CategorySelect } = require("../category-select"); -const useFormSubmit = require("../../../lib/form/submit"); +const useFormSubmit = require("../../../lib/form/submit").default; const { useBaseUrl } = require("../../../lib/navigation/util"); const FakeToot = require("../../../components/fake-toot"); -const FormWithData = require("../../../lib/form/form-with-data"); +const FormWithData = require("../../../lib/form/form-with-data").default; const Loading = require("../../../components/loading"); const { FileInput } = require("../../../components/form/inputs"); const MutationButton = require("../../../components/form/mutation-button"); const { Error } = require("../../../components/error"); +const { + useGetEmojiQuery, + useEditEmojiMutation, + useDeleteEmojiMutation, +} = require("../../../lib/query/admin/custom-emoji"); + module.exports = function EmojiDetailRoute({ }) { const baseUrl = useBaseUrl(); let [_match, params] = useRoute(`${baseUrl}/:emojiId`); @@ -44,7 +48,7 @@ module.exports = function EmojiDetailRoute({ }) { return ( <div className="emoji-detail"> <Link to={baseUrl}><a>< go back</a></Link> - <FormWithData dataQuery={query.useGetEmojiQuery} queryArg={params.emojiId} DataForm={EmojiDetailForm} /> + <FormWithData dataQuery={useGetEmojiQuery} queryArg={params.emojiId} DataForm={EmojiDetailForm} /> </div> ); } @@ -61,7 +65,7 @@ function EmojiDetailForm({ data: emoji }) { }) }; - const [modifyEmoji, result] = useFormSubmit(form, query.useEditEmojiMutation()); + const [modifyEmoji, result] = useFormSubmit(form, useEditEmojiMutation()); // Automatic submitting of category change React.useEffect(() => { @@ -74,7 +78,7 @@ function EmojiDetailForm({ data: emoji }) { /* eslint-disable-next-line react-hooks/exhaustive-deps */ }, [form.category.hasChanged(), form.category.isNew, form.category.state.open]); - const [deleteEmoji, deleteResult] = query.useDeleteEmojiMutation(); + const [deleteEmoji, deleteResult] = useDeleteEmojiMutation(); if (deleteResult.isSuccess) { return <Redirect to={baseUrl} />; |