Merge pull request #207 from aesirxio/develop

Format code
aesirxio · Feb 16, 2023 · 72f325f · 72f325f
2 parents 2dfe49c + bf3b23c
commit 72f325f
Show file tree

Hide file tree

Showing 33 changed files with 328 additions and 310 deletions.
diff --git a/.github/workflows/format.yml b/.github/workflows/format.yml
@@ -0,0 +1,20 @@
+name: Format
+
+on:
+  pull_request:
+
+jobs:
+  code:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 16.x
+
+      - name: Install dependencies
+        run: yarn install
+
+      - name: Run Prettier
+        run: yarn run format:check
diff --git a/.prettierrc b/.prettierrc
@@ -1,7 +1,6 @@
 {
   "arrowParens": "always",
   "bracketSpacing": true,
-  "jsxBracketSameLine": false,
   "trailingComma": "es5",
   "tabWidth": 2,
   "semi": true,

diff --git a/package.json b/package.json
@@ -64,7 +64,9 @@
     "dev": "react-scripts start",
     "lint": "eslint --fix \"src/**/\"",
     "lint:check": "eslint \"src/**/\"",
-    "lint:nowarns": "eslint --quiet \"src/**/\""
+    "lint:nowarns": "eslint --quiet \"src/**/\"",
+    "format:check": "prettier --check 'src/**/*.{js,jsx,ts,tsx}'",
+    "format:write": "prettier --write 'src/**/*.{js,jsx,ts,tsx}'"
   },
   "eslintConfig": {
     "extends": [
@@ -93,6 +95,7 @@
     "@testing-library/react": "^12.1.4",
     "@testing-library/user-event": "^13.5.0",
     "eslint": "^8.17",
+    "prettier": "^2.8.4",
     "react-scripts": "^5.0.1",
     "sass": "^1.52",
     "serve": "^13.0.2"

diff --git a/src/components/ButtonCancel/index.jsx b/src/components/ButtonCancel/index.jsx
@@ -10,10 +10,9 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faTimes } from '@fortawesome/free-solid-svg-icons';
 import { withTranslation } from 'react-i18next';
 
-
 class ButtonCancel extends React.Component {
   render() {
-    const {t}= this.props;
+    const { t } = this.props;
     return (
       <>
         <div>

diff --git a/src/components/ButtonConnect/index.jsx b/src/components/ButtonConnect/index.jsx
@@ -6,7 +6,6 @@
 import React from 'react';
 
 const ButtonConnect = ({ onClick, isConnected, disabled = false }) => {
-
   return disabled ? (
     <div>Coming soon!</div>
   ) : (

diff --git a/src/components/Chart/index.jsx b/src/components/Chart/index.jsx
@@ -3,22 +3,22 @@
  * @license     GNU General Public License version 3, see LICENSE.
  */
 
-import React from "react";
-import Chart from "react-google-charts";
+import React from 'react';
+import Chart from 'react-google-charts';
 
 const data = [
-  ["", "Comments", "Followers", "Posts", "Engagement"],
-  ["Facebook", 1000, 400, 200, 100],
-  ["Facebook Ads", 1000, 400, 200, 100],
-  ["Youtube", 1170, 460, 250, 800],
-  ["Joomla", 660, 1120, 300, 700],
-  ["Twitter", 1030, 540, 350, 50],
-  ["Pinterest", 1030, 540, 350, 2000],
-  ["Instagram", 1030, 540, 350, 1200],
-  ["Linkedin", 1030, 540, 350, 600],
+  ['', 'Comments', 'Followers', 'Posts', 'Engagement'],
+  ['Facebook', 1000, 400, 200, 100],
+  ['Facebook Ads', 1000, 400, 200, 100],
+  ['Youtube', 1170, 460, 250, 800],
+  ['Joomla', 660, 1120, 300, 700],
+  ['Twitter', 1030, 540, 350, 50],
+  ['Pinterest', 1030, 540, 350, 2000],
+  ['Instagram', 1030, 540, 350, 1200],
+  ['Linkedin', 1030, 540, 350, 600],
 ];
 
-const colorsLine = ["#4791FF", "#FFD950", "#02BC77", "#FF2366"];
+const colorsLine = ['#4791FF', '#FFD950', '#02BC77', '#FF2366'];
 
 class ComponentChart extends React.Component {
   constructor(props) {
@@ -38,51 +38,51 @@ class ComponentChart extends React.Component {
 
         <div className="p-3">
           <Chart
-            width={"100%"}
-            height={"340px"}
+            width={'100%'}
+            height={'340px'}
             chartType="ColumnChart"
             loader={<div>Loading Chart</div>}
             data={data}
             options={{
               chartArea: {
-                width: "92%",
+                width: '92%',
                 right: 0,
               },
-              color: "red",
+              color: 'red',
               legend: {
-                position: "bottom",
+                position: 'bottom',
                 textStyle: {
-                  color: "#081240",
-                  fontName: "SVN-Sofia Pro",
-                  borderRadius: "20px",
+                  color: '#081240',
+                  fontName: 'SVN-Sofia Pro',
+                  borderRadius: '20px',
                 },
               },
               colors: colorsLine,
               vAxis: {
                 textStyle: {
-                  color: "#081240",
-                  fontName: "SVN-Sofia Pro",
+                  color: '#081240',
+                  fontName: 'SVN-Sofia Pro',
                 },
-                baselineColor: "#EFEFEF",
+                baselineColor: '#EFEFEF',
                 gridlines: {
-                  color: "#EFEFEF",
-                  zeroLineColor: "#EFEFEF",
+                  color: '#EFEFEF',
+                  zeroLineColor: '#EFEFEF',
                 },
               },
               hAxis: {
                 textStyle: {
                   fontSize: 12,
-                  fontName: "SVN-Sofia Pro",
-                  color: "#081240",
+                  fontName: 'SVN-Sofia Pro',
+                  color: '#081240',
                 },
-                baselineColor: "#EFEFEF",
+                baselineColor: '#EFEFEF',
                 gridlines: {
-                  color: "#EFEFEF",
-                  zeroLineColor: "#EFEFEF",
+                  color: '#EFEFEF',
+                  zeroLineColor: '#EFEFEF',
                 },
               },
             }}
-            rootProps={{ "data-testid": "2" }}
+            rootProps={{ 'data-testid': '2' }}
           />
         </div>
       </div>

diff --git a/src/components/Complete/ItemComplete/index.jsx b/src/components/Complete/ItemComplete/index.jsx
@@ -3,10 +3,10 @@
  * @license     GNU General Public License version 3, see LICENSE.
  */
 
-import React from "react";
-import { ProgressBar } from "react-bootstrap";
+import React from 'react';
+import { ProgressBar } from 'react-bootstrap';
 
-import "../index.scss";
+import '../index.scss';
 
 class ItemComplete extends React.Component {
   constructor(props) {
@@ -25,10 +25,7 @@ class ItemComplete extends React.Component {
             <ul className="list-unstyled d-flex align-items-center mb-0 flex-wrap">
               {value.complete.map((item, index) => {
                 return (
-                  <li
-                    key={index}
-                    className="col-4 fs-12 d-flex align-items-center"
-                  >
+                  <li key={index} className="col-4 fs-12 d-flex align-items-center">
                     <span
                       className={`
                           number_progre