bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

soapbox/store/configureStore --> soapbox/store, add custom Hooks

Browse source
This commit is contained in:
Alex Gleason 2022-03-14 18:01:09 -05:00
parent a91fe1db91
commit a801a8a7c8
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
5 changed files with 30 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/soapbox/containers/soapbox.js
View file

@ -27,7 +27,7 @@ import { INTRODUCTION_VERSION } from '../actions/onboarding';
import { preload } from '../actions/preload';
import ErrorBoundary from '../components/error_boundary';
import UI from '../features/ui';
import configureStore from '../store/configureStore';
import { store } from '../store';
const validLocale = locale => Object.keys(messages).includes(locale);
@ -39,8 +39,6 @@ const isInstanceLoaded = state => {
return v !== '0.0.0' || fetchFailed;
};
export const store = configureStore();
// Configure global functions for developers
createGlobals(store);

1
app/soapbox/hooks/index.ts Normal file
View file

@ -0,0 +1 @@
export { useAppSelector } from './useAppSelector';

5
app/soapbox/hooks/useAppSelector.ts Normal file
View file

@ -0,0 +1,5 @@
import { TypedUseSelectorHook, useSelector } from 'react-redux';
import { RootState } from 'soapbox/store';
export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;

23
app/soapbox/store.ts Normal file
View file

@ -0,0 +1,23 @@
import { composeWithDevTools } from '@redux-devtools/extension';
import { createStore, applyMiddleware } from 'redux';
import thunk from 'redux-thunk';
import errorsMiddleware from './middleware/errors';
import soundsMiddleware from './middleware/sounds';
import appReducer from './reducers';
export const store = createStore(
appReducer,
composeWithDevTools(
applyMiddleware(
thunk,
errorsMiddleware(),
soundsMiddleware(),
),
),
);
// Infer the `RootState` and `AppDispatch` types from the store itself
// https://redux.js.org/usage/usage-with-typescript
export type RootState = ReturnType<typeof store.getState>;
export type AppDispatch = typeof store.dispatch;

20
app/soapbox/store/configureStore.ts
View file

@ -1,20 +0,0 @@
import { composeWithDevTools } from '@redux-devtools/extension';
import { createStore, applyMiddleware } from 'redux';
import thunk from 'redux-thunk';
import errorsMiddleware from '../middleware/errors';
import soundsMiddleware from '../middleware/sounds';
import appReducer from '../reducers';
export default function configureStore() {
return createStore(
appReducer,
composeWithDevTools(
applyMiddleware(
thunk,
errorsMiddleware(),
soundsMiddleware(),
),
),
);
}