chore: lint check before commit for CI

* fix: review changes

client/components/ProgressCardContent.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { CardContent, CircularProgress } from '@material-ui/core';
+
+interface IProps {
+  loading: boolean;
+}
+
+const ProgressCardContent: React.FC<IProps> = props => (
+  <CardContent>
+    {props.loading ? <CircularProgress /> : props.children}
+  </CardContent>
+);
+
+export default ProgressCardContent;

client/components/index.ts

@@ -1,4 +1,5 @@
 import SomeComponent from './SomeComponent';
 import AddSponsor from './AddSponsor';
+import ProgressCardContent from './ProgressCardContent';
 
-export { SomeComponent, AddSponsor };
+export { SomeComponent, AddSponsor, ProgressCardContent };

client/interfaces/models.d.ts

@@ -0,0 +1,7 @@
+// Here types are inherited from actual DB Modal Types
+// created [here](types/models.d.ts)
+// This is re
+
+import { ISponsor } from 'types/models';
+
+export type ISponsorResponse = Omit<ISponsor, 'createdAt' | 'updatedAt'>;

client/modules/home.tsx

@@ -1,14 +1,8 @@
 import React, { useEffect } from 'react';
-import {
-  Card,
-  CardContent,
-  Typography,
-  Grid,
-  CircularProgress,
-} from '@material-ui/core';
+import { Card, Typography, Grid } from '@material-ui/core';
 import { makeStyles } from '@material-ui/styles';
 import { useSelector, useDispatch } from 'react-redux';
-import { SomeComponent } from 'client/components';
+import { SomeComponent, ProgressCardContent } from 'client/components';
 import { AppStoreState } from 'client/store/reducers';
 import { chapterActions } from 'client/store/actions';
 
@@ -18,24 +12,6 @@ const useStyles = makeStyles(() => ({
   },
 }));
 
-const renderCardContent = (loading, name, description) => {
-  return (
-    <CardContent>
-      {!loading && (
-        <>
-          <Typography gutterBottom variant="h5" component="h2">
-            {name}
-          </Typography>
-          <Typography variant="body2" color="textSecondary" component="p">
-            {description}
-          </Typography>
-        </>
-      )}
-      {loading && <CircularProgress />}
-    </CardContent>
-  );
-};
-
 const Home: React.FC = () => {
   const classes = useStyles();
 
@@ -59,7 +35,16 @@ const Home: React.FC = () => {
       <Grid container className={classes.root} spacing={2}>
         <Grid item xs={10}>
           {!error && (
-            <Card>{renderCardContent(loading, name, description)}</Card>
+            <Card>
+              <ProgressCardContent loading={loading}>
+                <Typography gutterBottom variant="h5" component="h2">
+                  {name}
+                </Typography>
+                <Typography variant="body2" color="textSecondary" component="p">
+                  {description}
+                </Typography>
+              </ProgressCardContent>
+            </Card>
           )}
         </Grid>
       </Grid>

package.json

@@ -104,7 +104,8 @@
   },
   "husky": {
     "hooks": {
-      "pre-commit": "lint-staged"
+      "pre-commit": "lint-staged",
+      "pre-push": "npm run lint"
     }
   },
   "jest": {