v1.0

Top-Dev-Ops · Top-Dev-Ops · commit f14e47587291 · 2021-06-13T21:53:34.000+08:00
diff --git a/src/components/Background.js b/src/components/Background.js
@@ -1,8 +1,5 @@
 import React from 'react';
 
-// redux
-import { useSelector } from 'react-redux';
-
 export default function Background() {
     return (
         <div className="background">
diff --git a/src/components/Card.js b/src/components/Card.js
@@ -11,7 +11,7 @@ export default function Card({ content }) {
     return (
         <section className="green-card">
             <div className="green-card-header">
-                <a href="/"><img src={content.picture}></img></a>
+                <a href="/"><img src={content.picture} alt='content'></img></a>
                 <div className="green-card-title">
                     <strong>{content.name}</strong>
                     <div>
@@ -27,7 +27,7 @@ export default function Card({ content }) {
                 </div>
             </div>
             <div className="green-card-body">
-                <img src={img} />
+                <img src={img} alt="laptop" />
 
                 <div className="d-flex justify-content-between align-items-center mt-3">
                     <h4 className="my-auto">YOUR STAKE</h4>
diff --git a/src/components/Home/AboutUs.js b/src/components/Home/AboutUs.js
@@ -21,7 +21,7 @@ export default class AboutUs extends Component {
                     </div>
                     <div className="col-md-6 mx-3 mx-md-0 text-center rotation-container">
                         <div className="rotation"></div>
-                        <img src={aboutus} />
+                        <img src={aboutus} alt="about us" />
                     </div>
                 </div>
             </div >
diff --git a/src/components/Home/AdvisorCard.js b/src/components/Home/AdvisorCard.js
@@ -8,7 +8,7 @@ export default function AdvisorCard({ advisor }) {
     return (
         <section className="round-card advisor-card">
             <div className="round-card-header">
-                <img src={advisor.picture}></img>
+                <img src={advisor.picture} alt="avatar"></img>
             </div>
 
             <div className="round-card-body">
diff --git a/src/components/Home/Hero.js b/src/components/Home/Hero.js
@@ -15,7 +15,7 @@ export default class Hero extends Component {
                 <p className="text-center hero-description">BSCPad will empower crypto currency projects with the ability to distribute tokens and raise liquidity.</p>
                 <div className="buttons">
                     <button type="button" className="btn btn-warning button-large">View All Projects</button>
-                    <button type="button" className="btn btn-primary button-large">Buy On <img src={pancake_swap}></img> Pancake Swap</button>
+                    <button type="button" className="btn btn-primary button-large">Buy On <img src={pancake_swap} alt="pancake swap"></img> Pancake Swap</button>
                     <button type="button" className="btn btn-success button-large">Apply For IDO</button>
                 </div>
                 <div className="buttons">
@@ -25,9 +25,9 @@ export default class Hero extends Component {
                 </div>
                 <div className="buttons">
                     <h6>OUR PARTNERS</h6>
-                    <a href="www.google.com"><img src={partner_0} style={{ height: '46px' }} /></a>
-                    <a href="www.google.com"><img src={partner_1} style={{ height: '46px' }} /></a>
-                    <a href="www.google.com"><img src={partner_2} style={{ height: '46px' }} /></a>
+                    <a href="https://www.google.com"><img src={partner_0} style={{ height: '46px' }} alt="chainlink" /></a>
+                    <a href="https://www.google.com"><img src={partner_1} style={{ height: '46px' }} alt="ferrum network" /></a>
+                    <a href="https://www.google.com"><img src={partner_2} style={{ height: '46px' }} alt="bondly" /></a>
                 </div>
             </div>
         );
diff --git a/src/components/Home/Round2.js b/src/components/Home/Round2.js
@@ -9,7 +9,7 @@ export default class Round2 extends Component {
                 <h2 className="col-12 text-center font-weight-bold round-title">ROUND 2 - FCFS ROUND</h2>
                 <div className="row">
                     <div className="col-md-6 mx-3 mx-md-0 text-center">
-                        <img src={img} />
+                        <img src={img} alt="network" />
                     </div>
                     <div className="col-md-6 mx-3 mx-md-0">
                         <p className="hero-description">In round 2, the unsold tokens from the first round are made available. All tiered members can purchase an additional amount that is determined by a tier-based formula. The second round buying window opens at the same time for all members, regardless of tier level. This round is open until all tokens are sold, typically lasting for only a few minutes. After all the tokens are sold, the IDO is concluded.</p>
diff --git a/src/components/Projects/CustomCard.js b/src/components/Projects/CustomCard.js
@@ -2,24 +2,21 @@ import React from 'react';
 
 import PropTypes from 'prop-types';
 
-// redux
-import { useSelector, useDispatch } from 'react-redux';
-
 import { SiWebpack, AiFillTwitterCircle, AiOutlineMedium, FaTelegramPlane, BsCircleFill } from 'react-icons/all';
 import { ProgressBar } from 'react-bootstrap';
 
 export default function CustomCard({ project }) {
     return (
         <section className="custom-card">
             <div className="custom-card-header">
-                <a href="/"><img src={project.picture}></img></a>
+                <a href="/"><img src={project.picture} alt="project profile"></img></a>
                 <div className="custom-card-title">
                     <strong>{project.name}</strong>
                     <div className="social-links">
-                        <a href="www.google.com"><SiWebpack className="social-link" /></a>
-                        <a href="www.google.com"><AiFillTwitterCircle className="social-link" /></a>
-                        <a href="www.google.com"><AiOutlineMedium className="social-link" /></a>
-                        <a href="www.google.com"><FaTelegramPlane className="social-link" /></a>
+                        <a href="https://www.google.com"><SiWebpack className="social-link" /></a>
+                        <a href="https://www.twitter.com"><AiFillTwitterCircle className="social-link" /></a>
+                        <a href="https://www.medium.com"><AiOutlineMedium className="social-link" /></a>
+                        <a href="https://www.telegram.com"><FaTelegramPlane className="social-link" /></a>
                     </div>
                     <span className="status" style={{ backgroundColor: `${project.status === 'Coming' ? 'rgb(240 185 19 / 26%)' : project.status === 'Open' ? 'rgb(92 184 92 / 26%)' : 'rgb(255 0 0 / 25%)'}`, color: `${project.status === 'Coming' ? '#f1b90c' : project.status === 'Open' ? '#5cb85c' : 'red'}` }}>
                         <BsCircleFill style={{ fontSize: '.6rem', verticalAlign: 'middle' }} />
diff --git a/src/components/Staking/CheckpointCard.js b/src/components/Staking/CheckpointCard.js
@@ -2,7 +2,6 @@ import React from 'react';
 
 import PropTypes from 'prop-types';
 
-import { stakings } from '../../assets/variables';
 import { Form } from 'react-bootstrap';
 
 export default function CheckpointCard({ content }) {
diff --git a/src/components/Staking/Checkpoints.js b/src/components/Staking/Checkpoints.js
@@ -2,8 +2,6 @@ import React from 'react';
 
 import { Form } from 'react-bootstrap';
 
-import PropTypes from 'prop-types';
-
 import CheckpointCard from './CheckpointCard';
 
 import { stakings } from '../../assets/variables';
diff --git a/src/components/Staking/StakingCard.js b/src/components/Staking/StakingCard.js
@@ -2,8 +2,6 @@ import React from 'react';
 
 import PropTypes from 'prop-types';
 
-import { stakings } from '../../assets/variables';
-
 export default function StakingCard({ content }) {
     return (
         <section className="round-card" style={{ marginBottom: `${['Stacked', 'Unstacked', 'Rewards'].includes(content.name) ? '30px' : undefined}` }}>
diff --git a/src/components/Staking/Tabs.js b/src/components/Staking/Tabs.js
@@ -1,16 +1,10 @@
 import React, { useState } from 'react';
 
-import PropTypes from 'prop-types';
-
-// redux
-import { useSelector } from 'react-redux';
-
 import { stakings } from '../../assets/variables';
 
 import StakingCard from './StakingCard';
 
 function Tabs({ selectTab }) {
-    const { loading } = useSelector(state => state.ui);
 
     const [tab, setTab] = useState('stake');
 
@@ -19,13 +13,13 @@ function Tabs({ selectTab }) {
             <div className="col-xl-4">
                 <ul className="tabs">
                     <li className="nav-item">
-                        <button className={tab === 'stake' ? 'nav-link active' : 'nav-link'} id="stake-tab" type="button" aria-controls="stake" aria-selected="true" onClick={() => { setTab('stake'); selectTab('stake') }}>Stake</button>
+                        <button className={tab === 'stake' ? 'nav-link active' : 'nav-link'} id="stake-tab" type="button" aria-controls="stake" onClick={() => { setTab('stake'); selectTab('stake') }}>Stake</button>
                     </li>
                     <li className="nav-item">
-                        <button className={tab === 'unstake' ? 'nav-link active' : 'nav-link'} id="unStake-tab" type="button" aria-controls="unstake" aria-selected="false" onClick={() => { setTab('unstake'); selectTab('unstake') }}>Unstake</button>
+                        <button className={tab === 'unstake' ? 'nav-link active' : 'nav-link'} id="unStake-tab" type="button" aria-controls="unstake" onClick={() => { setTab('unstake'); selectTab('unstake') }}>Unstake</button>
                     </li>
                     <li className="nav-item">
-                        <button className={tab === 'withdraw' ? 'nav-link active' : 'nav-link'} id="withdraw-tab" type="button" aria-controls="withdraw" aria-selected="false" onClick={() => { setTab('withdraw'); selectTab('withdraw') }}>Withdraw</button>
+                        <button className={tab === 'withdraw' ? 'nav-link active' : 'nav-link'} id="withdraw-tab" type="button" aria-controls="withdraw" onClick={() => { setTab('withdraw'); selectTab('withdraw') }}>Withdraw</button>
                     </li>
                 </ul>
             </div>
diff --git a/src/pages/Error.js b/src/pages/Error.js
@@ -1,15 +1,13 @@
-import React, { useState } from 'react';
+import React from 'react';
 
 import { cards } from '../assets/variables';
 
 import Card from '../components/Card';
-import Switch from '../components/Switch';
 
 export default function Error() {
 
     return (
         <>
-            <Switch />
             <h1 className="text-white text-center font-weight-bold">Project</h1>
             <div className="row mx-0">
                 {cards.map((card, index) => {
diff --git a/src/pages/Home.js b/src/pages/Home.js
@@ -1,8 +1,5 @@
 import React from 'react';
 
-// redux
-import { useSelector } from 'react-redux';
-
 import Header from '../components/Header';
 import Footer from '../components/Footer';
 import Background from '../components/Background';
@@ -13,7 +10,6 @@ import Advisors from '../components/Home/Advisors';
 import Contact from '../components/Home/Contact';
 
 export default function Home() {
-    const { loading } = useSelector(state => state.ui);
 
     return (
         <>
diff --git a/src/pages/Projects.js b/src/pages/Projects.js
@@ -1,8 +1,5 @@
 import React from 'react';
 
-// redux
-import { useSelector } from 'react-redux';
-
 import Header from '../components/Header';
 import Footer from '../components/Footer';
 import Background from '../components/Background';
@@ -11,7 +8,6 @@ import ProjectsComing from '../components/Projects/ProjectsComing';
 import ProjectsClosed from '../components/Projects/ProjectsClosed';
 
 export default function Projects() {
-    const { loading } = useSelector(state => state.ui);
 
     return (
         <>
diff --git a/src/pages/Staking.js b/src/pages/Staking.js
@@ -1,8 +1,5 @@
 import React, { useState } from 'react';
 
-// redux
-import { useSelector } from 'react-redux';
-
 import Header from '../components/Header';
 import Footer from '../components/Footer';
 import Tabs from '../components/Staking/Tabs';
@@ -14,12 +11,10 @@ import Warning from '../components/Staking/Warning';
 import { stakings } from '../assets/variables';
 
 export default function Staking() {
-    const { loading } = useSelector(state => state.ui);
 
     const [wizard, setWizard] = useState('stake');
 
     const selectWizard = tab => {
-        console.log(tab);
         setWizard(tab);
     }
 
diff --git a/src/redux/reducers/dataReducer.js b/src/redux/reducers/dataReducer.js
@@ -2,7 +2,7 @@ import { } from '../types';
 
 const initialState = {};
 
-export default function (state = initialState, action) {
+export default function dataReducer(state = initialState, action) {
     switch (action.type) {
         default:
             return state;
diff --git a/src/redux/reducers/uiReducer.js b/src/redux/reducers/uiReducer.js
@@ -4,7 +4,7 @@ const initialState = {
     loading: false,
 };
 
-export default function (state = initialState, action) {
+export default function uiReducer(state = initialState, action) {
     switch (action.type) {
         case SET_LOADING:
             return { ...state, loading: true };
