Skip to content

Commit

Permalink
added ESLINT
Browse files Browse the repository at this point in the history
  • Loading branch information
@pextech
pextech committed Dec 7, 2021
1 parent e536b6a commit d2b2746
Show file tree
Hide file tree
Showing 565 changed files with 35,894 additions and 33,976 deletions.
26 changes: 26 additions & 0 deletions .eslintrc.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
module.exports = {
env: {
browser: true,
es2021: true,
},
extends: [
'plugin:react/recommended',
'airbnb',
],
parserOptions: {
ecmaFeatures: {
jsx: true,
},
ecmaVersion: 13,
sourceType: 'module',
},
plugins: [
'react',
],
rules: {
'react/function-component-definition': 'off',
'jsx-a11y/click-events-have-key-events': 'off',
'jsx-a11y/no-noninteractive-element-interactions': 'off',
'react/jsx-filename-extension': 'off',
},
};
20 changes: 10 additions & 10 deletions MoralisDappProvider/MoralisDappProvider.js
View file
Original file line number Diff line number Diff line change
@@ -1,38 +1,38 @@
import React, { useEffect, useState } from "react";
import { useMoralis } from "react-moralis";
import MoralisDappContext from "./context";
import React, { useEffect, useState } from 'react';
import { useMoralis } from 'react-moralis';
import MoralisDappContext from './context';

function MoralisDappProvider({ children }) {
const MoralisDappProvider = function ({ children }) {
const { web3, Moralis, user } = useMoralis();
const [walletAddress, setWalletAddress] = useState();
const [chainId, setChainId] = useState();
useEffect(() => {
Moralis.onChainChanged(function (chain) {
Moralis.onChainChanged((chain) => {
setChainId(chain);
});

Moralis.onAccountsChanged(function (address) {
Moralis.onAccountsChanged((address) => {
setWalletAddress(address[0]);
});
}, []);

useEffect(() => setChainId(web3.givenProvider?.chainId));
useEffect(
() => setWalletAddress(web3.givenProvider?.selectedAddress || user?.get("ethAddress")),
[web3, user]
() => setWalletAddress(web3.givenProvider?.selectedAddress || user?.get('ethAddress')),
[web3, user],
);

return (
<MoralisDappContext.Provider value={{ walletAddress, chainId }}>
{children}
</MoralisDappContext.Provider>
);
}
};

function useMoralisDapp() {
const context = React.useContext(MoralisDappContext);
if (context === undefined) {
throw new Error("useMoralisDapp must be used within a MoralisDappProvider");
throw new Error('useMoralisDapp must be used within a MoralisDappProvider');
}
return context;
}
Expand Down
2 changes: 1 addition & 1 deletion MoralisDappProvider/context.js
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import React from "react";
import React from 'react';

const MoralisDappContext = React.createContext();

Expand Down
148 changes: 77 additions & 71 deletions SliderOne.js
View file
Original file line number Diff line number Diff line change
@@ -1,82 +1,88 @@
import React, {useState} from 'react';
import React, { useState } from 'react';
import Swiper from 'react-id-swiper';
import 'swiper/css/swiper.css';

const SliderOne = () => {
const SliderOne = function () {
const [swiper, setSwiper] = useState(null);

const [swiper, setSwiper] = useState(null);
const goNext = () => {
if (swiper !== null) {
swiper.slideNext();
}
};

const goNext = () => {
if (swiper !== null) {
swiper.slideNext();
}
};
const goPrev = () => {
if (swiper !== null) {
swiper.slidePrev();
}
};

const goPrev = () => {
if (swiper !== null) {
swiper.slidePrev();
}
};
return (
<div className="banner-wrapper">
<section className="banner-one banner-carousel__one no-dots">

<Swiper getSwiper={setSwiper}>
<div className="banner-one__slide banner-one__slide-one">
<div className="container">
<div className="banner-one__bubble-1" />
<div className="banner-one__bubble-2" />
<div className="banner-one__bubble-3" />
<img src="/assets/images/slider-1-scratch.png" alt="" className="banner-one__scratch" />

return (
<div className="banner-wrapper">
<section className="banner-one banner-carousel__one no-dots">

<Swiper getSwiper={setSwiper}>
<div className="banner-one__slide banner-one__slide-one">
<div className="container">
<div className="banner-one__bubble-1"></div>
<div className="banner-one__bubble-2"></div>
<div className="banner-one__bubble-3"></div>
<img src="/assets/images/slider-1-scratch.png" alt="" className="banner-one__scratch" />

<div className="row no-gutters">
<div className="col-xl-12">
<h3 className="banner-one__title banner-one__light-color">Minority<br />
Programmers Association</h3>
<p className="banner-one__tag-line">Code, Culture, Community.</p>
<a href="#join" className="thm-btn banner-one__btn">Join Today</a>
</div>
</div>
</div>
</div>
<div className="banner-one__slide banner-one__slide-two">
<div className="container">
<div className="banner-one__bubble-1"></div>
<div className="banner-one__bubble-2"></div>
<div className="banner-one__bubble-3"></div>
<img src="/assets/images/slider-1-scratch.png" alt="" className="banner-one__scratch" />

<div className="row no-gutters">
<div className="col-xl-12">
<h3 className="banner-one__title banner-one__light-color">Learn<br />
to Code</h3>
<p className="banner-one__tag-line">with our international network of developers</p>
<a href="#" className="thm-btn banner-one__btn">Learn More</a>
</div>
</div>
</div>
</div>
</Swiper>
</section>
<div className="banner-carousel-btn">
<div onClick={goPrev} className="banner-carousel-btn__left-btn banner-arrow"><i className="kipso-icon-left-arrow"></i></div>
<div onClick={goNext} className="banner-carousel-btn__right-btn banner-arrow"><i className="kipso-icon-right-arrow"></i></div>
<div className="row no-gutters">
<div className="col-xl-12">
<h3 className="banner-one__title banner-one__light-color">
Minority<br />
Programmers Association
</h3>
<p className="banner-one__tag-line">Code, Culture, Community.</p>
<a href="#join" className="thm-btn banner-one__btn">Join Today</a>
</div>
</div>
</div>
<div className="banner-one__cta">
<div className="banner-one__cta-icon">
<i className="kipso-icon-black-graduation-cap-tool-of-university-student-for-head"></i>
</div>
<div className="banner-one__cta-title">
<h3 className="banner-one__cta-text"><a href="#">Read how we encourage our
students to learn</a></h3>
</div>
<div className="banner-one__cta-link">
<a href="#"><i className="kipso-icon-right-arrow"></i></a>
</div>
</div>
<div className="banner-one__slide banner-one__slide-two">
<div className="container">
<div className="banner-one__bubble-1" />
<div className="banner-one__bubble-2" />
<div className="banner-one__bubble-3" />
<img src="/assets/images/slider-1-scratch.png" alt="" className="banner-one__scratch" />

<div className="row no-gutters">
<div className="col-xl-12">
<h3 className="banner-one__title banner-one__light-color">
Learn<br />
to Code
</h3>
<p className="banner-one__tag-line">with our international network of developers</p>
<a href="#" className="thm-btn banner-one__btn">Learn More</a>
</div>
</div>
</div>
</div>
</Swiper>
</section>
<div className="banner-carousel-btn">
<div onClick={goPrev} className="banner-carousel-btn__left-btn banner-arrow"><i className="kipso-icon-left-arrow" /></div>
<div onClick={goNext} className="banner-carousel-btn__right-btn banner-arrow"><i className="kipso-icon-right-arrow" /></div>
</div>
<div className="banner-one__cta">
<div className="banner-one__cta-icon">
<i className="kipso-icon-black-graduation-cap-tool-of-university-student-for-head" />
</div>
<div className="banner-one__cta-title">
<h3 className="banner-one__cta-text">
<a href="#">
Read how we encourage our
students to learn
</a>
</h3>
</div>
<div className="banner-one__cta-link">
<a href="#"><i className="kipso-icon-right-arrow" /></a>
</div>
);
}
export default SliderOne;
</div>
</div>
);
};
export default SliderOne;
44 changes: 24 additions & 20 deletions components/$-minority-earned/Action.js
View file
Original file line number Diff line number Diff line change
@@ -1,30 +1,34 @@
import React from 'react'

const Action = ({actions}) => {

import React from 'react';

const Action = function ({ actions }) {
return (
<div className="actions">
{actions.map((action) => (
<div className="minority__earned__action__outer" key={action._id}>
<div className="minority__earned__action">
<div className="left-side">
{action.category && <img className="icon" src={`./assets/images/minority-earned/${action.category}.svg`} alt={action.category} />}
<div className="title">
<p className="name">{action.name}</p>
<p className="date">On {new Date(action.date).toDateString().substr(3)}</p>
<div className="minority__earned__action__outer" key={action._id}>
<div className="minority__earned__action">
<div className="left-side">
{action.category && <img className="icon" src={`./assets/images/minority-earned/${action.category}.svg`} alt={action.category} />}
<div className="title">
<p className="name">{action.name}</p>
<p className="date">
On
{new Date(action.date).toDateString().substr(3)}
</p>
</div>
</div>
<div className="right-side">
<p className="points">
<span className="number__of__pts">{action.amount}</span>
$MINORITY
</p>
<i className="fas fa-chevron-right mobile-arrow" />
</div>
</div>
<div className="right-side">
<p className="points"><span className="number__of__pts">{action.amount}</span>$MINORITY</p>
<i className="fas fa-chevron-right mobile-arrow"></i>
</div>
</div>
</div>
))}
</div>

)
}

export default Action
);
};

export default Action;
12 changes: 6 additions & 6 deletions components/$-minority-earned/Binary.js
View file

Large diffs are not rendered by default.

25 changes: 12 additions & 13 deletions components/$-minority-earned/MinorityEarned.js
View file
Original file line number Diff line number Diff line change
@@ -1,16 +1,15 @@
import React from 'react'
import HomepageNav from '../HomepageNav'
import MinorityEarnedHeader from './MinorityEarnedHeader'
import MinorityEarnedActions from './MinorityEarnedActions'
import ProposalBox from './ProposalBox'

const MinorityEarned = () => {
import React from 'react';
import HomepageNav from '../HomepageNav';
import MinorityEarnedHeader from './MinorityEarnedHeader';
import MinorityEarnedActions from './MinorityEarnedActions';
import ProposalBox from './ProposalBox';

const MinorityEarned = function () {
const styling = {
background: "linear-gradient(90deg, #FF00B8 0%, #FF655B 50.8%, #FFC700 100%)",
background: 'linear-gradient(90deg, #FF00B8 0%, #FF655B 50.8%, #FFC700 100%)',
height: 'auto',
display: 'flex'
}
display: 'flex',
};

return (
<div style={styling}>
Expand All @@ -20,7 +19,7 @@ const MinorityEarned = () => {
<ProposalBox />
</div>
</div>
)
}
);
};

export default MinorityEarned
export default MinorityEarned;
Loading

0 comments on commit d2b2746

Please sign in to comment.