Merge pull request #110 from BinaryStudioAcademy/development

Merge development to production

Author: v0ldemar01

.eslintrc.yml

@@ -55,8 +55,13 @@ rules:
     - error
   import/no-duplicates:
     - error
-  '@typescript-eslint/non-nullable-type-assertion-style':
-    - off
+  no-unused-vars:
+    - error
+    - argsIgnorePattern: ^_
+      ignoreRestSiblings: true
+  sonarjs/cognitive-complexity:
+    - error
+    - 18
   quotes:
     - error
     - single

.github/workflows/ci.yml

@@ -4,6 +4,7 @@ on:
   pull_request:
     branches:
       - production
+      - development
 
 jobs:
   lint:

.gitignore

@@ -72,6 +72,7 @@ yarn-error.log
 
 # production
 build
+dist
 
 # misc
 .DS_Store

.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/.env.example

@@ -3,7 +3,8 @@
 #
 # default. own preference might be used
 VITE_API_SERVER=http://localhost:3001
-VITE_SOCKET_SERVER=http://localhost:3002
+VITE_SOCKET_SERVER=ws://localhost:3001
 VITE_API_PATH=/api
+VITE_SOCKET_PATH=/socket.io
 VITE_PORT=3000
 VITE_HOST=localhost

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/post/post.jsx

@@ -1,3 +1,4 @@
+/* eslint-disable react/jsx-no-bind */
 import PropTypes from 'prop-types';
 
 import { IconName } from '~/libs/enums/enums.js';
@@ -44,7 +45,11 @@ const Post = ({ post, onPostLike, onExpandedPostToggle, onSharePost }) => {
           label={likeCount}
           onClick={handlePostLike}
         />
-        <IconButton iconName={IconName.THUMBS_DOWN} label={dislikeCount} />
+        <IconButton
+          iconName={IconName.THUMBS_DOWN}
+          label={dislikeCount}
+          onClick={() => {}}
+        />
         <IconButton
           iconName={IconName.COMMENT}
           label={commentCount}

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 };
-