[chore] Settings refactor fix 2 (#1357)

* fix emoji query tagging

* fix proxy url for gts instance

* fix: don't flash callback error on authorize flow
This commit is contained in:
f0x52 2023-01-18 16:41:00 +01:00 committed by GitHub
parent 13e3aaaed1
commit 747683ba54
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
11 changed files with 37 additions and 31 deletions

View file

@ -48,7 +48,7 @@ skulk({
},
servers: {
express: {
proxy: "http://localhost:8081",
proxy: "http://127.0.0.1:8081",
assets: "/assets"
}
},

View file

@ -44,7 +44,7 @@ function CategorySelect({ field, children }) {
isLoading,
isSuccess,
error
} = query.useGetAllEmojiQuery({ filter: "domain:local" });
} = query.useListEmojiQuery({ filter: "domain:local" });
const emojiByCategory = useEmojiByCategory(emoji);

View file

@ -32,7 +32,7 @@ module.exports = function EmojiOverview({ baseUrl }) {
data: emoji = [],
isLoading,
error
} = query.useGetAllEmojiQuery({ filter: "domain:local" });
} = query.useListEmojiQuery({ filter: "domain:local" });
return (
<>

View file

@ -28,7 +28,7 @@ const shortcodeRegex = /^[a-z0-9_]+$/;
module.exports = function useShortcode() {
const {
data: emoji = []
} = query.useGetAllEmojiQuery({ filter: "domain:local" });
} = query.useListEmojiQuery({ filter: "domain:local" });
const emojiCodes = React.useMemo(() => {
return new Set(emoji.map((e) => e.shortcode));

View file

@ -31,7 +31,7 @@ module.exports = function RemoteEmoji() {
data: emoji = [],
isLoading,
error
} = query.useGetAllEmojiQuery({ filter: "domain:local" });
} = query.useListEmojiQuery({ filter: "domain:local" });
const emojiCodes = React.useMemo(() => {
return new Set(emoji.map((e) => e.shortcode));

View file

@ -28,17 +28,18 @@ const Loading = require("../loading");
const { Error } = require("../error");
module.exports = function Authorization({ App }) {
const loginState = Redux.useSelector((state) => state.oauth.loginState);
const [hasStoredLogin] = React.useState(loginState != "none" && loginState != "logout");
const { loginState, expectingRedirect } = Redux.useSelector((state) => state.oauth);
const { isLoading, isSuccess, data: account, error } = query.useVerifyCredentialsQuery(undefined, {
skip: loginState == "none" || loginState == "logout"
skip: loginState == "none" || loginState == "logout" || expectingRedirect
});
console.log("skip verify:", loginState, expectingRedirect);
let showLogin = true;
let content = null;
if (isLoading && hasStoredLogin) {
if (isLoading) {
showLogin = false;
let loadingInfo;

View file

@ -23,7 +23,7 @@ const Promise = require("bluebird");
const { unwrapRes } = require("../lib");
module.exports = (build) => ({
getAllEmoji: build.query({
listEmoji: build.query({
query: (params = {}) => ({
url: "/api/v1/admin/custom_emojis",
params: {
@ -33,15 +33,15 @@ module.exports = (build) => ({
}),
providesTags: (res) =>
res
? [...res.map((emoji) => ({ type: "Emojis", id: emoji.id })), { type: "Emojis", id: "LIST" }]
: [{ type: "Emojis", id: "LIST" }]
? [...res.map((emoji) => ({ type: "Emoji", id: emoji.id })), { type: "Emoji", id: "LIST" }]
: [{ type: "Emoji", id: "LIST" }]
}),
getEmoji: build.query({
query: (id) => ({
url: `/api/v1/admin/custom_emojis/${id}`
}),
providesTags: (res, error, id) => [{ type: "Emojis", id }]
providesTags: (res, error, id) => [{ type: "Emoji", id }]
}),
addEmoji: build.mutation({
@ -56,8 +56,8 @@ module.exports = (build) => ({
},
invalidatesTags: (res) =>
res
? [{ type: "Emojis", id: "LIST" }, { type: "Emojis", id: res.id }]
: [{ type: "Emojis", id: "LIST" }]
? [{ type: "Emoji", id: "LIST" }, { type: "Emoji", id: res.id }]
: [{ type: "Emoji", id: "LIST" }]
}),
editEmoji: build.mutation({
@ -74,8 +74,8 @@ module.exports = (build) => ({
},
invalidatesTags: (res) =>
res
? [{ type: "Emojis", id: "LIST" }, { type: "Emojis", id: res.id }]
: [{ type: "Emojis", id: "LIST" }]
? [{ type: "Emoji", id: "LIST" }, { type: "Emoji", id: res.id }]
: [{ type: "Emoji", id: "LIST" }]
}),
deleteEmoji: build.mutation({
@ -83,7 +83,7 @@ module.exports = (build) => ({
method: "DELETE",
url: `/api/v1/admin/custom_emojis/${id}`
}),
invalidatesTags: (res, error, id) => [{ type: "Emojis", id }]
invalidatesTags: (res, error, id) => [{ type: "Emoji", id }]
}),
searchStatusForEmoji: build.mutation({
@ -167,7 +167,7 @@ module.exports = (build) => ({
}
});
},
invalidatesTags: () => [{ type: "Emojis", id: "LIST" }]
invalidatesTags: () => [{ type: "Emoji", id: "LIST" }]
})
});

View file

@ -72,7 +72,7 @@ function instanceBasedQuery(args, api, extraOptions) {
module.exports = createApi({
reducerPath: "api",
baseQuery: instanceBasedQuery,
tagTypes: ["Auth"],
tagTypes: ["Auth", "Emoji"],
endpoints: (build) => ({
instance: build.query({
query: () => ({

View file

@ -121,10 +121,11 @@ const endpoints = (build) => ({
}).then(unwrapRes).then((app) => {
app.scopes = formData.scopes;
api.dispatch(oauth.setInstance({
api.dispatch(oauth.authorize({
instance: instance,
registration: app,
loginState: "callback"
loginState: "callback",
expectingRedirect: true
}));
return app;

View file

@ -32,6 +32,7 @@ const {
} = require("redux-persist");
const query = require("../lib/query/base");
const { Promise } = require("bluebird");
const combinedReducers = combineReducers({
oauth: require("./oauth").reducer,
@ -43,6 +44,14 @@ const persistedReducer = persistReducer({
storage: require("redux-persist/lib/storage").default,
stateReconciler: require("redux-persist/lib/stateReconciler/autoMergeLevel1").default,
whitelist: ["oauth"],
migrate: (state) => {
return Promise.try(() => {
if (state?.oauth != undefined) {
state.oauth.expectingRedirect = false;
}
return state;
});
}
}, combinedReducers);
const store = configureStore({

View file

@ -23,17 +23,12 @@ const { createSlice } = require("@reduxjs/toolkit");
module.exports = createSlice({
name: "oauth",
initialState: {
loginState: 'none'
loginState: 'none',
expectingRedirect: false
},
reducers: {
setInstance: (state, { payload }) => {
return {
...state,
...payload /* overrides instance, registration keys */
};
},
authorize: (state) => {
state.loginState = "callback";
authorize: (state, { payload }) => {
return payload; // overrides state
},
setToken: (state, { payload }) => {
state.token = `${payload.token_type} ${payload.access_token}`;