Unverified Commit bc1d787c authored by andreswebs's avatar andreswebs
Browse files

remove material-dashbard-pro-react, change to non-pro version

parent 79bef0ff
......@@ -6,7 +6,7 @@
REACT_APP_CLIENT_ID="<< client id here >>"
REACT_APP_CLIENT_SECRET="<< client secret here >>"
# src/components/widgets/WalletActions/CashIn/methods/actions.js
# src/widgets/WalletActions/CashIn/methods/actions.js
# src/utils.js
REACT_APP_BACKEND_URL="<< api base url here >>"
REACT_APP_WALLET_PATH="<< wallet api path here >>"
......@@ -14,22 +14,22 @@ REACT_APP_WALLET_PATH="<< wallet api path here >>"
# src/pages/login/actions.js
REACT_APP_LOGIN_PATH="<< login api path here >>"
# src/components/widgets/Transactions/actions.js
# src/widgets/Transactions/actions.js
REACT_APP_TRANSACTIONS_PATH="<< transactions api path here >>"
# src/components/widgets/MonthEarnings/actions.js
# src/widgets/MonthEarnings/actions.js
REACT_APP_MONTH_EARNINGS_PATH="<< month earnings api path here >>"
# src/components/widgets/LastTransactions/actions.js
# src/widgets/LastTransactions/actions.js
REACT_APP_LAST_TRANSACTIONS_PATH="<< last transactions api path here >>"
# src/components/widgets/Earnings/actions.js
# src/widgets/Earnings/actions.js
REACT_APP_EARNINGS_PATH="<< earnings api path here >>"
# src/components/widgets/CurrenciesValue/actions.js
# src/widgets/CurrenciesValue/actions.js
REACT_APP_CURRENCIES_VALUE_PATH="<< currencies value api path here >>"
# src/components/widgets/WalletActions/actions.js
# src/widgets/WalletActions/actions.js
REACT_APP_WALLET_ACTIONS_PATH="<< wallet actions api path here >>"
# src/layouts/actions.js
......
......@@ -5,6 +5,7 @@
"jest": true
},
"extends": [
"react-app",
"airbnb",
"prettier",
"prettier/react"
......@@ -70,6 +71,8 @@
"global-require": "off",
"no-param-reassign": "off",
"react/forbid-prop-types": "off",
"camelcase": "off"
"camelcase": "off",
"no-unused-vars": "off",
"react/require-default-props": "off"
}
}
\ No newline at end of file
{
"name": "botc-frontend",
"version": "0.0.1",
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject",
"lint": "eslint .",
"lint:fix": "eslint . --fix"
},
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^5.1.1",
"@testing-library/react": "^9.4.1",
"@testing-library/user-event": "^10.0.0",
"@material-ui/core": "^4.9.5",
"@material-ui/icons": "^4.9.1",
"axios": "^0.19.2",
"chart.js": "^2.9.3",
"chartist": "^0.11.4",
"classnames": "^2.2.6",
"enzyme": "^3.11.0",
"enzyme-adapter-react-16": "^1.15.2",
"eslint": "^6.8.0",
"eslint-config-airbnb": "^18.0.1",
"eslint-config-prettier": "^6.10.0",
......@@ -32,30 +26,44 @@
"prop-types": "^15.7.2",
"qrcode.react": "^1.0.0",
"react": "^16.13.0",
"react-bootstrap-sweetalert": "^4.4.1",
"react-dom": "^16.13.0",
"react-scripts": "3.4.0",
"react-bootstrap-sweetalert": "^5.1.9",
"react-chartist": "^0.14.3",
"react-chartjs-2": "^2.9.0",
"react-dom": "^16.13.0",
"react-redux": "^7.2.0",
"react-router": "^5.1.2",
"react-router-dom": "^5.1.2",
"react-scripts": "3.4.0",
"react-table": "^6.9.2",
"redux": "^4.0.5",
"redux-actions": "^2.6.5",
"redux-thunk": "^2.3.0"
},
"browserslist": [
">0.2%",
"not dead",
"not ie <= 11",
"not op_mini all"
],
"devDependencies": {
"husky": "^4.2.3",
"lint-staged": "^10.0.7",
"lint-staged": "^10.0.8",
"redux-devtools-extension": "^2.13.8"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject",
"lint": "eslint .",
"lint:fix": "eslint . --fix"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"jest": {
"collectCoverageFrom": [
"src/**/*.{js,jsx}",
......
const buttonGroupStyle = {
buttonGroup: {
position: "relative",
margin: "10px 1px",
display: "inline-block",
verticalAlign: "middle"
},
firstButton: {
borderTopRightRadius: "0",
borderBottomRightRadius: "0",
margin: "0",
position: "relative",
float: "left",
"&:hover": {
zIndex: "2"
}
},
middleButton: {
borderRadius: "0",
margin: "0",
position: "relative",
float: "left",
"&:hover": {
zIndex: "2"
}
},
lastButton: {
borderTopLeftRadius: "0",
borderBottomLeftRadius: "0",
margin: "0",
"&:hover": {
zIndex: "2"
}
}
};
export default buttonGroupStyle;
const cardImagesStyles = {
cardImgTop: {
width: "100%",
borderTopLeftRadius: "calc(.25rem - 1px)",
borderTopRightRadius: "calc(.25rem - 1px)"
},
cardImgBottom: {
width: "100%",
borderBottomRightRadius: "calc(.25rem - 1px)",
borderBottomLeftRadius: "calc(.25rem - 1px)"
},
cardImgOverlay: {
position: "absolute",
top: "0",
right: "0",
bottom: "0",
left: "0",
padding: "1.25rem"
},
cardImg: {
width: "100%",
borderRadius: "calc(.25rem - 1px)"
}
};
export default cardImagesStyles;
import {
defaultFont,
dangerColor,
whiteColor
} from "assets/jss/material-dashboard-pro-react.jsx";
import customDropdownStyle from "assets/jss/material-dashboard-pro-react/components/customDropdownStyle.jsx";
const adminNavbarLinksStyle = theme => ({
...customDropdownStyle(theme),
search: {
margin: "0",
paddingTop: "7px",
paddingBottom: "7px",
[theme.breakpoints.down("sm")]: {
margin: "10px 15px",
float: "none !important",
paddingTop: "1px",
paddingBottom: "1px",
padding: "10px 15px",
width: "auto"
}
},
searchInput: {
paddingTop: "2px"
},
searchRTL: {
[theme.breakpoints.down("sm")]: {
marginRight: "18px !important"
},
[theme.breakpoints.up("md")]: {
marginLeft: "12px"
}
},
linkText: {
zIndex: "4",
...defaultFont,
fontSize: "14px",
margin: "0!important",
textTransform: "none"
},
buttonLink: {
[theme.breakpoints.down("sm")]: {
display: "flex",
margin: "5px 15px 0",
width: "auto",
height: "auto",
"& svg": {
width: "30px",
height: "24px",
marginRight: "19px",
marginLeft: "3px"
},
"& .fab,& .fas,& .far,& .fal,& .material-icons": {
width: "30px",
fontSize: "24px",
lineHeight: "30px",
marginRight: "19px",
marginLeft: "3px"
}
}
},
searchButton: {
[theme.breakpoints.down("sm")]: {
top: "-50px !important",
marginRight: "38px",
float: "right"
}
},
top: {
zIndex: "4"
},
searchIcon: {
width: "17px",
zIndex: "4"
},
links: {
width: "20px",
height: "20px",
zIndex: "4",
[theme.breakpoints.down("sm")]: {
display: "block",
width: "30px",
height: "30px",
color: "inherit",
opacity: "0.8",
marginRight: "16px",
marginLeft: "-5px"
}
},
notifications: {
zIndex: "4",
[theme.breakpoints.up("md")]: {
position: "absolute",
top: "5px",
border: "1px solid " + whiteColor,
right: "5px",
fontSize: "9px",
background: dangerColor[0],
color: whiteColor,
minWidth: "16px",
height: "16px",
borderRadius: "10px",
textAlign: "center",
lineHeight: "14px",
verticalAlign: "middle",
display: "block"
},
[theme.breakpoints.down("sm")]: {
...defaultFont,
fontSize: "14px",
marginRight: "8px"
}
},
wrapperRTL: {
[theme.breakpoints.up("md")]: {
paddingLeft: "16px"
}
},
buttonLinkRTL: {
[theme.breakpoints.down("sm")]: {
alignItems: "center",
justifyContent: "flex-end",
width: "-webkit-fill-available",
margin: "10px 15px 0",
padding: "10px 15px",
display: "block",
position: "relative"
}
},
labelRTL: {
[theme.breakpoints.down("sm")]: {
flexDirection: "row-reverse",
justifyContent: "initial",
display: "flex"
}
},
linksRTL: {
[theme.breakpoints.down("sm")]: {
marginRight: "-5px !important",
marginLeft: "16px !important"
}
},
managerClasses: {
[theme.breakpoints.up("md")]: {
display: "inline-block"
}
},
headerLinksSvg: {
width: "20px !important",
height: "20px !important"
}
});
export default adminNavbarLinksStyle;
import {
grayColor,
roseColor,
primaryColor,
infoColor,
successColor,
warningColor,
dangerColor,
whiteColor,
blackColor,
twitterColor,
facebookColor,
googleColor,
linkedinColor,
pinterestColor,
youtubeColor,
tumblrColor,
behanceColor,
dribbbleColor,
redditColor,
hexToRgb
} from "assets/jss/material-dashboard-pro-react.jsx";
const buttonStyle = {
button: {
minHeight: "auto",
minWidth: "auto",
backgroundColor: grayColor[0],
color: whiteColor,
boxShadow:
"0 2px 2px 0 rgba(" +
hexToRgb(grayColor[0]) +
", 0.14), 0 3px 1px -2px rgba(" +
hexToRgb(grayColor[0]) +
", 0.2), 0 1px 5px 0 rgba(" +
hexToRgb(grayColor[0]) +
", 0.12)",
border: "none",
borderRadius: "3px",
position: "relative",
padding: "12px 30px",
margin: ".3125rem 1px",
fontSize: "12px",
fontWeight: "400",
textTransform: "uppercase",
letterSpacing: "0",
willChange: "box-shadow, transform",
transition:
"box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1)",
lineHeight: "1.42857143",
textAlign: "center",
whiteSpace: "nowrap",
verticalAlign: "middle",
touchAction: "manipulation",
cursor: "pointer",
"&:hover,&:focus": {
color: whiteColor,
backgroundColor: grayColor[0],
boxShadow:
"0 14px 26px -12px rgba(" +
hexToRgb(grayColor[0]) +
", 0.42), 0 4px 23px 0px rgba(" +
hexToRgb(blackColor) +
", 0.12), 0 8px 10px -5px rgba(" +
hexToRgb(grayColor[0]) +
", 0.2)"
},
"& .fab,& .fas,& .far,& .fal,& .material-icons": {
position: "relative",
display: "inline-block",
top: "0",
marginTop: "-1em",
marginBottom: "-1em",
fontSize: "1.1rem",
marginRight: "4px",
verticalAlign: "middle"
},
"& svg": {
position: "relative",
display: "inline-block",
top: "0",
width: "18px",
height: "18px",
marginRight: "4px",
verticalAlign: "middle"
},
"&$justIcon": {
"& .fab,& .fas,& .far,& .fal,& .material-icons": {
marginTop: "0px",
position: "absolute",
width: "100%",
transform: "none",
left: "0px",
top: "0px",
height: "100%",
lineHeight: "41px",
fontSize: "20px"
}
}
},
fullWidth: {
width: "100%"
},
primary: {
backgroundColor: primaryColor[0],
boxShadow:
"0 2px 2px 0 rgba(" +
hexToRgb(primaryColor[0]) +
", 0.14), 0 3px 1px -2px rgba(" +
hexToRgb(primaryColor[0]) +
", 0.2), 0 1px 5px 0 rgba(" +
hexToRgb(primaryColor[0]) +
", 0.12)",
"&:hover,&:focus": {
backgroundColor: primaryColor[0],
boxShadow:
"0 14px 26px -12px rgba(" +
hexToRgb(primaryColor[0]) +
", 0.42), 0 4px 23px 0px rgba(" +
hexToRgb(blackColor) +
", 0.12), 0 8px 10px -5px rgba(" +
hexToRgb(primaryColor[0]) +
", 0.2)"
}
},
info: {
backgroundColor: infoColor[0],
boxShadow:
"0 2px 2px 0 rgba(" +
hexToRgb(infoColor[0]) +
", 0.14), 0 3px 1px -2px rgba(" +
hexToRgb(infoColor[0]) +
", 0.2), 0 1px 5px 0 rgba(" +
hexToRgb(infoColor[0]) +
", 0.12)",
"&:hover,&:focus": {
backgroundColor: infoColor[0],
boxShadow:
"0 14px 26px -12px rgba(" +
hexToRgb(infoColor[0]) +
", 0.42), 0 4px 23px 0px rgba(" +
hexToRgb(blackColor) +
", 0.12), 0 8px 10px -5px rgba(" +
hexToRgb(infoColor[0]) +
", 0.2)"
}
},
success: {
backgroundColor: successColor[0],
boxShadow:
"0 2px 2px 0 rgba(" +
hexToRgb(successColor[0]) +
", 0.14), 0 3px 1px -2px rgba(" +
hexToRgb(successColor[0]) +
", 0.2), 0 1px 5px 0 rgba(" +
hexToRgb(successColor[0]) +
", 0.12)",
"&:hover,&:focus": {
backgroundColor: successColor[0],
boxShadow:
"0 14px 26px -12px rgba(" +
hexToRgb(successColor[0]) +
", 0.42), 0 4px 23px 0px rgba(" +
hexToRgb(blackColor) +
", 0.12), 0 8px 10px -5px rgba(" +
hexToRgb(successColor[0]) +
", 0.2)"
}
},
warning: {
backgroundColor: warningColor[0],
boxShadow:
"0 2px 2px 0 rgba(" +
hexToRgb(warningColor[0]) +
", 0.14), 0 3px 1px -2px rgba(" +
hexToRgb(warningColor[0]) +
", 0.2), 0 1px 5px 0 rgba(" +
hexToRgb(warningColor[0]) +
", 0.12)",
"&:hover,&:focus": {
backgroundColor: warningColor[0],
boxShadow:
"0 14px 26px -12px rgba(" +
hexToRgb(warningColor[0]) +
", 0.42), 0 4px 23px 0px rgba(" +
hexToRgb(blackColor) +
", 0.12), 0 8px 10px -5px rgba(" +
hexToRgb(warningColor[0]) +
", 0.2)"
}
},
danger: {
backgroundColor: dangerColor[0],
boxShadow:
"0 2px 2px 0 rgba(" +
hexToRgb(dangerColor[0]) +
", 0.14), 0 3px 1px -2px rgba(" +
hexToRgb(dangerColor[0]) +
", 0.2), 0 1px 5px 0 rgba(" +
hexToRgb(dangerColor[0]) +
", 0.12)",
"&:hover,&:focus": {
backgroundColor: dangerColor[0],
boxShadow:
"0 14px 26px -12px rgba(" +
hexToRgb(dangerColor[0]) +
", 0.42), 0 4px 23px 0px rgba(" +
hexToRgb(blackColor) +
", 0.12), 0 8px 10px -5px rgba(" +
hexToRgb(dangerColor[0]) +
", 0.2)"
}
},
rose: {
backgroundColor: roseColor[0],
boxShadow:
"0 2px 2px 0 rgba(" +
hexToRgb(roseColor[0]) +
", 0.14), 0 3px 1px -2px rgba(" +
hexToRgb(roseColor[0]) +