Merge pull request #102 from BinaryStudioAcademy/task/thjs-55-add-prettier-lint-script-linting

thjs-55: Add prettier script linting

Author: v0ldemar01

.lintstagedrc.yml

@@ -1,4 +1,5 @@
 '*': npm run lint:editorconfig && npm run lint:fs
+'*.{js,jsx,scss,json,md,html}': npm run prettify
 shared/**/*.js: npm run lint:shared:js
 client/src/**/*.{js,jsx}: npm run lint:client:js
 client/src/**/*.scss: npm run lint:client:css

client/src/libs/components/checkbox/checkbox.jsx

@@ -15,7 +15,9 @@ const Checkbox = ({ name, label, control }) => {
         id="toggle-checkbox"
         className={`${styles.switch} ${styles.pointer}`}
       />
-      <label className={styles.pointer} htmlFor="toggle-checkbox">{label}</label>
+      <label className={styles.pointer} htmlFor="toggle-checkbox">
+        {label}
+      </label>
     </div>
   );
 };

client/src/libs/components/message/message.jsx

@@ -3,13 +3,14 @@ import PropTypes from 'prop-types';
 import styles from './styles.module.scss';
 
 const Message = ({ children }) => (
-  <div className={styles.message}>
-    {children}
-  </div>
+  <div className={styles.message}>{children}</div>
 );
 
 Message.propTypes = {
-  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired
+  children: PropTypes.oneOfType([
+    PropTypes.element,
+    PropTypes.arrayOf(PropTypes.element)
+  ]).isRequired
 };
 
 export { Message };

client/src/libs/components/notifications/notifications.jsx

@@ -2,7 +2,7 @@ import 'react-toastify/dist/ReactToastify.css';
 
 import { ToastContainer } from 'react-toastify';
 
-import { useDispatch,useEffect } from '~/libs/hooks/hooks.js';
+import { useDispatch, useEffect } from '~/libs/hooks/hooks.js';
 import { userType } from '~/libs/prop-types/property-types.js';
 import { actions as notificationActionCreator } from '~/slices/notifications/notifications.js';
 

client/src/libs/components/segment/segment.jsx

@@ -3,14 +3,11 @@ import PropTypes from 'prop-types';
 import styles from './styles.module.scss';
 
 const Segment = ({ children }) => (
-  <div className={styles.segment}>
-    {children}
-  </div>
+  <div className={styles.segment}>{children}</div>
 );
 
 Segment.propTypes = {
   children: PropTypes.node.isRequired
 };
 
 export { Segment };
-

client/src/libs/components/spinner/spinner.jsx

@@ -2,15 +2,14 @@ import PropTypes from 'prop-types';
 
 import styles from './styles.module.scss';
 
-const Spinner = ({ isOverflow }) => (isOverflow
-  ? (
+const Spinner = ({ isOverflow }) =>
+  isOverflow ? (
     <div className={styles.container}>
       <div className={styles.loader}>Loading...</div>
     </div>
-  )
-  : (
+  ) : (
     <div className={styles.loader}>Loading...</div>
-  ));
+  );
 
 Spinner.propTypes = {
   isOverflow: PropTypes.bool

client/src/libs/hooks/hooks.js

@@ -1,4 +1,4 @@
 export { useAppForm } from './app-form/app-form.hook.js';
-export { useCallback, useEffect, useMemo,useRef, useState } from 'react';
-export { useDispatch,useSelector } from 'react-redux';
+export { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+export { useDispatch, useSelector } from 'react-redux';
 export { useLocation, useParams } from 'react-router-dom';

client/src/packages/image/libs/enums/enums.js

@@ -1,3 +1,4 @@
 export {
   ImagePayloadKey,
-  ImagesApiPath } from 'shared/src/packages/image/image.js';
+  ImagesApiPath
+} from 'shared/src/packages/image/image.js';

client/src/packages/post/libs/enums/enums.js

@@ -1 +1 @@
-export { PostPayloadKey,PostsApiPath } from 'shared/src/packages/post/post';
+export { PostPayloadKey, PostsApiPath } from 'shared/src/packages/post/post';

client/src/packages/user/constants/user.constants.js

@@ -1,3 +1,4 @@
-const DEFAULT_USER_AVATAR = 'https://forwardsummit.ca/wp-content/uploads/2019/01/avatar-default.png';
+const DEFAULT_USER_AVATAR =
+  'https://forwardsummit.ca/wp-content/uploads/2019/01/avatar-default.png';
 
 export { DEFAULT_USER_AVATAR };