no any (#31)

no any

Author: Can-Sahin

app/components/LoadingIndicator/Circle.tsx

@@ -13,7 +13,12 @@ const circleFadeDelay = keyframes`
   }
 `;
 
-const Circle = props => {
+interface Props {
+  rotate?: number;
+  delay?: number;
+  id?: string;
+}
+const Circle = (props: Props) => {
   const CirclePrimitive = styled.div`
     width: 100%;
     height: 100%;

app/configureStore.ts

@@ -2,18 +2,21 @@
  * Create the store with dynamic reducers
  */
 
-import { createStore, applyMiddleware, compose } from 'redux';
+import { applyMiddleware, compose, createStore } from 'redux';
 import { routerMiddleware } from 'connected-react-router';
 import createSagaMiddleware from 'redux-saga';
 import createReducer from './reducers';
 import { InjectedStore } from 'types';
+import { History } from 'history';
+import { RootState } from './containers/App/types';
 
 declare interface IWindow extends Window {
   __REDUX_DEVTOOLS_EXTENSION_COMPOSE__: any; // redux-dev-tools definitions not needed
 }
+
 declare const window: IWindow;
 
-export default function configureStore(initialState = {}, history) {
+export default function configureStore(initialState: RootState | {} = {}, history: History) {
   let composeEnhancers = compose;
   const reduxSagaMonitorOptions = {};
 

app/containers/App/tests/selectors.test.ts

@@ -59,7 +59,7 @@ describe('makeSelectError', () => {
 describe('makeSelectRepos', () => {
   it('should select the repos', () => {
     const reposSelector = makeSelectRepos();
-    const repositories = [];
+    const repositories: any[] = [];
     const mockedState: any = {
       global: {
         userData: {

app/tests/store.test.ts

@@ -4,9 +4,10 @@
 import history from '../utils/history';
 
 import configureStore from '../configureStore';
+import { InjectedStore } from '../types';
 
 describe('configureStore', () => {
-  let store;
+  let store: InjectedStore;
 
   beforeAll(() => {
     store = configureStore({}, history);

app/types/react-intl.d.ts

@@ -0,0 +1,8 @@
+declare module 'react-intl' {
+  export const IntlProvider: any;
+  export const FormattedMessage: any;
+  export const defineMessages: any;
+  export const FormattedNumber: any;
+  export const injectIntl: any;
+
+}

app/utils/tests/checkStore.test.ts

@@ -3,14 +3,22 @@
  */
 
 import checkStore from '../checkStore';
+import { InjectedStore } from '../../types';
+import { Action, Dispatch } from 'redux';
+
+const action: Action<number> = {
+  type: 10,
+};
+const disp: Dispatch<typeof action> = (param) => param;
+
 
 describe('checkStore', () => {
-  let store;
+  let store: Omit<InjectedStore, 'Symbol[Observable'>;
 
   beforeEach(() => {
     store = {
-      dispatch: () => {},
-      subscribe: () => {},
+      dispatch: disp,
+      subscribe: (listener) => () => {},
       getState: () => {},
       replaceReducer: () => {},
       runSaga: () => {},

app/utils/tests/injectSaga.test.tsx

@@ -14,6 +14,7 @@ import { getInjectors } from '../sagaInjectors';
 
 
 import { createMemoryHistory } from 'history';
+import { InjectedStore } from '../../types';
 
 const memoryHistory = createMemoryHistory();
 
@@ -26,8 +27,8 @@ function* testSaga() {
 
 jest.mock('../sagaInjectors');
 describe('injectSaga decorator', () => {
-  let store;
-  let injectors;
+  let store: InjectedStore;
+  let injectors: /*typeof getInjectors*/ any;
   let ComponentWithSaga;
 
   beforeAll(() => {

internals/templates/configureStore.ts

@@ -2,18 +2,21 @@
  * Create the store with dynamic reducers
  */
 
-import { createStore, applyMiddleware, compose } from 'redux';
+import { applyMiddleware, compose, createStore } from 'redux';
 import { routerMiddleware } from 'connected-react-router';
 import createSagaMiddleware from 'redux-saga';
 import createReducer from './reducers';
 import { InjectedStore } from 'types';
+import { History } from 'history';
+import { RootState } from '../../app/containers/App/types';
+
 
 declare interface IWindow extends Window {
   __REDUX_DEVTOOLS_EXTENSION_COMPOSE__: any; // redux-dev-tools definitions not needed
 }
 declare const window: IWindow;
 
-export default function configureStore(initialState = {}, history) {
+export default function configureStore(initialState: RootState | {} = {}, history: History) {
   let composeEnhancers = compose;
   const reduxSagaMonitorOptions = {};
 

internals/templates/utils/request.ts

@@ -14,7 +14,7 @@ export class ResponseError extends Error {
  *
  * @return {object}          The parsed JSON from the request
  */
-function parseJSON(response) {
+function parseJSON(response: Response) {
   if (response.status === 204 || response.status === 205) {
     return null;
   }
@@ -28,12 +28,12 @@ function parseJSON(response) {
  *
  * @return {object|undefined} Returns either the response, or throws an error
  */
-function checkStatus(response) {
+function checkStatus(response: Response) {
   if (response.status >= 200 && response.status < 300) {
     return response;
   }
 
-  const error = new ResponseError(response.statusText);
+  const error = new ResponseError(response);
   error.response = response;
   throw error;
 }

internals/templates/utils/tests/injectSaga.test.tsx

@@ -14,6 +14,7 @@ import { getInjectors } from '../sagaInjectors';
 
 
 import { createMemoryHistory } from 'history';
+import { InjectedStore } from '../../../../app/types';
 
 const memoryHistory = createMemoryHistory();
 
@@ -26,9 +27,9 @@ function* testSaga() {
 
 jest.mock('../sagaInjectors');
 describe('injectSaga decorator', () => {
-  let store;
-  let injectors;
-  let ComponentWithSaga;
+  let store: InjectedStore;
+  let injectors/*: ReturnType<typeof getInjectors>*/;
+  let ComponentWithSaga/*: ComponentType<unknown>*/;
 
   beforeAll(() => {
     const mockedGetInjectors = (getInjectors as unknown) as jest.Mock<
@@ -105,7 +106,7 @@ describe('injectSaga decorator', () => {
 });
 
 describe('useInjectSaga hook', () => {
-  let store;
+  let store: InjectedStore;
   let injectors;
   let ComponentWithSaga;