Removed unneeded type castings and eslint suppressions in domainsList reducer

This commit is contained in:
Alejandro Celaya
2022-11-03 20:51:20 +01:00
parent da97b76563
commit 18d478e16e
2 changed files with 27 additions and 32 deletions

View File

@@ -8,7 +8,11 @@ import {
RegularNotFound, RegularNotFound,
} from '../types/errors'; } from '../types/errors';
export const parseApiError = (e: AxiosError<ProblemDetailsError>) => e.response?.data; const isAxiosError = (e: unknown): e is AxiosError<ProblemDetailsError> => !!e && typeof e === 'object' && 'response' in e;
export const parseApiError = (e: unknown): ProblemDetailsError | undefined => (
isAxiosError(e) ? e.response?.data : undefined
);
export const isInvalidArgumentError = (error?: ProblemDetailsError): error is InvalidArgumentError => export const isInvalidArgumentError = (error?: ProblemDetailsError): error is InvalidArgumentError =>
error?.type === ErrorTypeV2.INVALID_ARGUMENT || error?.type === ErrorTypeV3.INVALID_ARGUMENT; error?.type === ErrorTypeV2.INVALID_ARGUMENT || error?.type === ErrorTypeV3.INVALID_ARGUMENT;

View File

@@ -1,5 +1,4 @@
import { createSlice, PayloadAction, createAsyncThunk, SliceCaseReducers } from '@reduxjs/toolkit'; import { createSlice, PayloadAction, createAsyncThunk, SliceCaseReducers } from '@reduxjs/toolkit';
import { AxiosError } from 'axios';
import { ShlinkDomainRedirects } from '../../api/types'; import { ShlinkDomainRedirects } from '../../api/types';
import { ShlinkApiClientBuilder } from '../../api/services/ShlinkApiClientBuilder'; import { ShlinkApiClientBuilder } from '../../api/services/ShlinkApiClientBuilder';
import { ShlinkState } from '../../container/types'; import { ShlinkState } from '../../container/types';
@@ -27,17 +26,20 @@ interface ListDomains {
defaultRedirects?: ShlinkDomainRedirects; defaultRedirects?: ShlinkDomainRedirects;
} }
type ListDomainsAction = PayloadAction<ListDomains>;
type FilterDomainsAction = PayloadAction<string>;
interface ValidateDomain { interface ValidateDomain {
domain: string; domain: string;
status: DomainStatus; status: DomainStatus;
} }
type ListDomainsAction = PayloadAction<ListDomains>;
type FilterDomainsAction = PayloadAction<string>;
type ValidateDomainAction = PayloadAction<ValidateDomain>; type ValidateDomainAction = PayloadAction<ValidateDomain>;
export type DomainsCombinedAction = ListDomainsAction
& FilterDomainsAction
& EditDomainRedirectsAction
& ValidateDomainAction;
const initialState: DomainsList = { const initialState: DomainsList = {
domains: [], domains: [],
filteredDomains: [], filteredDomains: [],
@@ -45,11 +47,6 @@ const initialState: DomainsList = {
error: false, error: false,
}; };
export type DomainsCombinedAction = ListDomainsAction
& FilterDomainsAction
& EditDomainRedirectsAction
& ValidateDomainAction;
export const replaceRedirectsOnDomain = (domain: string, redirects: ShlinkDomainRedirects) => export const replaceRedirectsOnDomain = (domain: string, redirects: ShlinkDomainRedirects) =>
(d: Domain): Domain => (d.domain !== domain ? d : { ...d, redirects }); (d: Domain): Domain => (d.domain !== domain ? d : { ...d, redirects });
@@ -57,7 +54,6 @@ export const replaceStatusOnDomain = (domain: string, status: DomainStatus) =>
(d: Domain): Domain => (d.domain !== domain ? d : { ...d, status }); (d: Domain): Domain => (d.domain !== domain ? d : { ...d, status });
export const domainsListReducerCreator = (buildShlinkApiClient: ShlinkApiClientBuilder) => { export const domainsListReducerCreator = (buildShlinkApiClient: ShlinkApiClientBuilder) => {
// eslint-disable-next-line @typescript-eslint/no-shadow
const listDomains = createAsyncThunk<ListDomains, void, { state: ShlinkState }>( const listDomains = createAsyncThunk<ListDomains, void, { state: ShlinkState }>(
LIST_DOMAINS, LIST_DOMAINS,
async (_, { getState }) => { async (_, { getState }) => {
@@ -71,7 +67,6 @@ export const domainsListReducerCreator = (buildShlinkApiClient: ShlinkApiClientB
}, },
); );
// eslint-disable-next-line @typescript-eslint/no-shadow
const checkDomainHealth = createAsyncThunk<ValidateDomain, string, { state: ShlinkState }>( const checkDomainHealth = createAsyncThunk<ValidateDomain, string, { state: ShlinkState }>(
VALIDATE_DOMAIN, VALIDATE_DOMAIN,
async (domain: string, { getState }) => { async (domain: string, { getState }) => {
@@ -101,35 +96,31 @@ export const domainsListReducerCreator = (buildShlinkApiClient: ShlinkApiClientB
name: 'domainsList', name: 'domainsList',
initialState, initialState,
reducers: { reducers: {
filterDomains: (state, { payload }) => { filterDomains: (state, { payload }) => ({
// eslint-disable-next-line no-param-reassign ...state,
state.filteredDomains = state.domains.filter( filteredDomains: state.domains.filter(({ domain }) => domain.toLowerCase().match(payload.toLowerCase())),
({ domain }) => domain.toLowerCase().match(payload.toLowerCase()), }),
);
},
}, },
extraReducers: (builder) => { extraReducers: (builder) => {
builder.addCase(listDomains.pending, () => ({ ...initialState, loading: true })); builder.addCase(listDomains.pending, () => ({ ...initialState, loading: true }));
builder.addCase(listDomains.rejected, (_, { error }) => ( builder.addCase(listDomains.rejected, (_, { error }) => (
{ ...initialState, error: true, errorData: parseApiError(error as AxiosError<ProblemDetailsError>) } // TODO Fix this casting { ...initialState, error: true, errorData: parseApiError(error) }
)); ));
builder.addCase(listDomains.fulfilled, (_, { payload }) => ( builder.addCase(listDomains.fulfilled, (_, { payload }) => (
{ ...initialState, ...payload, filteredDomains: payload.domains } { ...initialState, ...payload, filteredDomains: payload.domains }
)); ));
builder.addCase(checkDomainHealth.fulfilled, (state, { payload }) => { builder.addCase(checkDomainHealth.fulfilled, ({ domains, filteredDomains, ...rest }, { payload }) => ({
// eslint-disable-next-line no-param-reassign ...rest,
state.domains = state.domains.map(replaceStatusOnDomain(payload.domain, payload.status)); domains: domains.map(replaceStatusOnDomain(payload.domain, payload.status)),
// eslint-disable-next-line no-param-reassign filteredDomains: filteredDomains.map(replaceStatusOnDomain(payload.domain, payload.status)),
state.filteredDomains = state.filteredDomains.map(replaceStatusOnDomain(payload.domain, payload.status)); }));
});
builder.addCase(EDIT_DOMAIN_REDIRECTS, (state, { domain, redirects }: any) => { // TODO Fix this "any" builder.addCase(EDIT_DOMAIN_REDIRECTS, (state, { domain, redirects }: any) => ({ // TODO Fix this "any"
// eslint-disable-next-line no-param-reassign ...state,
state.domains = state.domains.map(replaceRedirectsOnDomain(domain, redirects)); domains: state.domains.map(replaceRedirectsOnDomain(domain, redirects)),
// eslint-disable-next-line no-param-reassign filteredDomains: state.filteredDomains.map(replaceRedirectsOnDomain(domain, redirects)),
state.filteredDomains = state.filteredDomains.map(replaceRedirectsOnDomain(domain, redirects)); }));
});
}, },
}); });