diff --git a/dashboard/.prettierignore b/dashboard/.prettierignore index 528ddac083..5d613ff812 100644 --- a/dashboard/.prettierignore +++ b/dashboard/.prettierignore @@ -1,5 +1,9 @@ +**/*.ejs +**/*.html +**/*.ico +**/*.jpg **/*.md +**/*.png +**/*.snap **/*.svg -**/*.html -**/*.ejs package.json diff --git a/dashboard/Makefile b/dashboard/Makefile index fda8b1f9ca..6130497f74 100644 --- a/dashboard/Makefile +++ b/dashboard/Makefile @@ -27,6 +27,7 @@ build: package-lock.json node_modules ${FILES} run_lint: package-lock.json node_modules npx eslint --max-warnings 0 "src/**" + npx prettier --check "src/**" run_unittests: package-lock.json node_modules CI=true npm test diff --git a/dashboard/src/App.css b/dashboard/src/App.css index 45b3925629..18100c2874 100644 --- a/dashboard/src/App.css +++ b/dashboard/src/App.css @@ -1,70 +1,70 @@ body, html { - padding: 0; - margin: 0; - height: 100%; + padding: 0; + margin: 0; + height: 100%; } -ul>li { - list-style-type: none; +ul > li { + list-style-type: none; } #root { - height: 100%; + height: 100%; } .App { - height: 100%; + height: 100%; } /* Works on Firefox */ * { - scrollbar-width: thin; - scrollbar-color: #F5F5F5 #a39f9f; + scrollbar-width: thin; + scrollbar-color: #f5f5f5 #a39f9f; } /* Works on Chrome, Edge, and Safari */ ::-webkit-scrollbar-track { - -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); - border-radius: 10px; - background-color: #F5F5F5; - box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); + -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); + border-radius: 10px; + background-color: #f5f5f5; + box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); } ::-webkit-scrollbar { - width: 5px; - background-color: #F5F5F5; + width: 5px; + background-color: #f5f5f5; } ::-webkit-scrollbar-thumb { - box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); - border-radius: 10px; - -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3); - background-color: #a39f9f; + box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); + border-radius: 10px; + -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); + background-color: #a39f9f; } /* Works on Firefox */ * { - scrollbar-width: thin; - scrollbar-color: #F5F5F5 #a39f9f; + scrollbar-width: thin; + scrollbar-color: #f5f5f5 #a39f9f; } /* Works on Chrome, Edge, and Safari */ ::-webkit-scrollbar-track { - -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); - border-radius: 10px; - background-color: #F5F5F5; - box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); + -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); + border-radius: 10px; + background-color: #f5f5f5; + box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); } ::-webkit-scrollbar { - width: 5px; - background-color: #F5F5F5; + width: 5px; + background-color: #f5f5f5; } ::-webkit-scrollbar-thumb { - box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); - border-radius: 10px; - -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3); - background-color: #a39f9f; + box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); + border-radius: 10px; + -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); + background-color: #a39f9f; } diff --git a/dashboard/src/actions/overviewActions.js b/dashboard/src/actions/overviewActions.js index 126b2d4f1f..0e011bc317 100644 --- a/dashboard/src/actions/overviewActions.js +++ b/dashboard/src/actions/overviewActions.js @@ -118,13 +118,12 @@ export const updateDataset = const method = metaDataActions[actionType]; const endpoints = getState().apiEndpoint.endpoints; - const uri = expandUriTemplate(endpoints, 'datasets_metadata', { dataset: dataset.resource_id }); - const response = await API.put( - uri, - { - metadata: { [method]: actionValue }, - } - ); + const uri = expandUriTemplate(endpoints, "datasets_metadata", { + dataset: dataset.resource_id, + }); + const response = await API.put(uri, { + metadata: { [method]: actionValue }, + }); if (response.status === 200) { const dataIndex = runs.findIndex( (item) => item.resource_id === dataset.resource_id @@ -208,8 +207,8 @@ export const updateMultipleDataset = method === "delete" ? "Deleted!" : method === "save" - ? "Saved!" - : "Updated!"; + ? "Saved!" + : "Updated!"; dispatch(showToast(CONSTANTS.SUCCESS, toastMsg)); dispatch(setSelectedRuns([])); } else { diff --git a/dashboard/src/actions/tableOfContentActions.js b/dashboard/src/actions/tableOfContentActions.js index b7941ad490..c0dab13550 100644 --- a/dashboard/src/actions/tableOfContentActions.js +++ b/dashboard/src/actions/tableOfContentActions.js @@ -6,7 +6,10 @@ export const fetchTOC = (param, parent, callForSubData) => async (dispatch, getState) => { try { const endpoints = getState().apiEndpoint.endpoints; - const uri = expandUriTemplate(endpoints, 'datasets_contents', { dataset: param, target: parent }); + const uri = expandUriTemplate(endpoints, "datasets_contents", { + dataset: param, + target: parent, + }); const response = await API.get(uri); if (response.status === 200 && response.data) { dispatch({ diff --git a/dashboard/src/assets/constants/paginationConstants.js b/dashboard/src/assets/constants/paginationConstants.js index 3a09506041..dcaefc9c27 100644 --- a/dashboard/src/assets/constants/paginationConstants.js +++ b/dashboard/src/assets/constants/paginationConstants.js @@ -1 +1 @@ -export const DEFAULT_PER_PAGE=10; +export const DEFAULT_PER_PAGE = 10; diff --git a/dashboard/src/index.css b/dashboard/src/index.css index ec2585e8c0..4a1df4db71 100644 --- a/dashboard/src/index.css +++ b/dashboard/src/index.css @@ -1,13 +1,13 @@ body { margin: 0; - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', - 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", + "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } code { - font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', + font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace; } diff --git a/dashboard/src/modules/components/AlertComponent/index.jsx b/dashboard/src/modules/components/AlertComponent/index.jsx index 7b17279e11..39a0079a56 100644 --- a/dashboard/src/modules/components/AlertComponent/index.jsx +++ b/dashboard/src/modules/components/AlertComponent/index.jsx @@ -1,14 +1,13 @@ import { Alert } from "@patternfly/react-core"; import React from "react"; - -const AlertMessage = ( message ) => { +const AlertMessage = (message) => { return ( ); }; diff --git a/dashboard/src/modules/components/AuthComponent/index.less b/dashboard/src/modules/components/AuthComponent/index.less index 42ba5ab3f6..5ee732ab47 100644 --- a/dashboard/src/modules/components/AuthComponent/index.less +++ b/dashboard/src/modules/components/AuthComponent/index.less @@ -1,97 +1,95 @@ .main-container { - position: relative; - .login-page { - .login-footer-btn-wrapper { - width: 100%; - margin: 2vh 0; - - button { - width: 100%; - } - } - .password-holder { - display: flex; - } - .logo { - width: 75px; - } - .sideGridItem { - margin-top: 5vh; - color: #FFFFFF; - } - .login-right-component { - position: relative; - } - .pf-c-card { - padding: 2vh 0; - } - .continueBtn { - padding: inherit; - } - .signup-card { - height: 80%; - overflow-y: scroll; - padding: 0 2vh; - - .contraints-container { - padding: 1vh; - .pf-c-helper-text__item-icon { - margin-right: 1vw; - } - .pf-c-helper-text__item-text { - color: #151515; - } - } - .button-wrapper { - margin: 1vh 0; - } - .error { - color: red; - font-size: var(--pf-global--FontSize--sm); - } - } - .orText { - padding: 1vh; - } - .text-center { - text-align: center; - } + position: relative; + .login-page { + .login-footer-btn-wrapper { + width: 100%; + margin: 2vh 0; + button { + width: 100%; + } } - .auth-card { - .pf-c-card__body { - padding: 0; - } - .button-wrapper { - width: 100%; - margin: 2vh 0 4vh; - padding: 0 24px; + .password-holder { + display: flex; + } + .logo { + width: 75px; + } + .sideGridItem { + margin-top: 5vh; + color: #ffffff; + } + .login-right-component { + position: relative; + } + .pf-c-card { + padding: 2vh 0; + } + .continueBtn { + padding: inherit; + } + .signup-card { + height: 80%; + overflow-y: scroll; + padding: 0 2vh; - button { - width: 100%; - } - } - .account-wrapper { - text-align: center; - padding: 2vh 0; - background: #F0F0F0; - max-height: 20vh; - height: 15vh; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; + .contraints-container { + padding: 1vh; + .pf-c-helper-text__item-icon { + margin-right: 1vw; } - .log-in-alternate { - text-align: center; - margin-top: 3vh; - } - .alternate-btn-wrapper { - button { - width: 100%; - margin: 2vh 0; - } + .pf-c-helper-text__item-text { + color: #151515; } + } + .button-wrapper { + margin: 1vh 0; + } + .error { + color: red; + font-size: var(--pf-global--FontSize--sm); + } } -} + .orText { + padding: 1vh; + } + .text-center { + text-align: center; + } + } + .auth-card { + .pf-c-card__body { + padding: 0; + } + .button-wrapper { + width: 100%; + margin: 2vh 0 4vh; + padding: 0 24px; + button { + width: 100%; + } + } + .account-wrapper { + text-align: center; + padding: 2vh 0; + background: #f0f0f0; + max-height: 20vh; + height: 15vh; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + } + .log-in-alternate { + text-align: center; + margin-top: 3vh; + } + .alternate-btn-wrapper { + button { + width: 100%; + margin: 2vh 0; + } + } + } +} diff --git a/dashboard/src/modules/components/BackgroundComponent/index.jsx b/dashboard/src/modules/components/BackgroundComponent/index.jsx index bd47414615..a2842ed9db 100644 --- a/dashboard/src/modules/components/BackgroundComponent/index.jsx +++ b/dashboard/src/modules/components/BackgroundComponent/index.jsx @@ -2,11 +2,7 @@ import React from "react"; import "./index.less"; const BackgroundCard = ({ children }) => { - return ( -
- {children} -
- ) -} + return
{children}
; +}; export default BackgroundCard; diff --git a/dashboard/src/modules/components/DatePickerComponent/index.less b/dashboard/src/modules/components/DatePickerComponent/index.less index 615550f5b3..db4f99a84f 100644 --- a/dashboard/src/modules/components/DatePickerComponent/index.less +++ b/dashboard/src/modules/components/DatePickerComponent/index.less @@ -1,3 +1,3 @@ -.filterInputGroup{ - margin-left: 10px; +.filterInputGroup { + margin-left: 10px; } diff --git a/dashboard/src/modules/components/HeaderComponent/index.less b/dashboard/src/modules/components/HeaderComponent/index.less index 23dd9cb850..12837a8308 100644 --- a/dashboard/src/modules/components/HeaderComponent/index.less +++ b/dashboard/src/modules/components/HeaderComponent/index.less @@ -1,22 +1,21 @@ .main-header { - .header-logo { - width: 55px; - height: auto; - } - .header-login-button { - line-height: normal; - } - .header-login-button:focus, - .header-login-button:hover { - border-bottom: 1px solid #2B9AF3; - } - .pf-c-dropdown__toggle::before { - border: none; - } + .header-logo { + width: 55px; + height: auto; + } + .header-login-button { + line-height: normal; + } + .header-login-button:focus, + .header-login-button:hover { + border-bottom: 1px solid #2b9af3; + } + .pf-c-dropdown__toggle::before { + border: none; + } } #page-sidebar { - height: 100%; - overflow: auto; + height: 100%; + overflow: auto; } - diff --git a/dashboard/src/modules/components/LoadingComponent/index.less b/dashboard/src/modules/components/LoadingComponent/index.less index 6ed67b5d6b..6759296ee3 100644 --- a/dashboard/src/modules/components/LoadingComponent/index.less +++ b/dashboard/src/modules/components/LoadingComponent/index.less @@ -1,16 +1,16 @@ .main-page-container { - position: relative; - height: 100%; - .spinner-container { - width: 15%; - height: 15%; - position: absolute; - top: 30%; - left: 30%; - z-index: 9999; - } + position: relative; + height: 100%; + .spinner-container { + width: 15%; + height: 15%; + position: absolute; + top: 30%; + left: 30%; + z-index: 9999; + } } .main-with-spinner { - pointer-events: none; - height: 100%; -} \ No newline at end of file + pointer-events: none; + height: 100%; +} diff --git a/dashboard/src/modules/components/OverviewComponent/index.less b/dashboard/src/modules/components/OverviewComponent/index.less index 8810831378..1b7df4c605 100644 --- a/dashboard/src/modules/components/OverviewComponent/index.less +++ b/dashboard/src/modules/components/OverviewComponent/index.less @@ -1,87 +1,86 @@ .overview-container { + height: 100%; + padding: 2vh; + .bordered { + border: 1px solid #d2d2d2; + } + .pf-c-table__check:first-child { + border-top: 1px solid #d2d2d2; + } + .pf-c-accordion__expanded-content.pf-m-expanded { height: 100%; + } + .pf-c-accordion__expanded-content-body { + height: 90%; + } + .expiring-container { padding: 2vh; - .bordered { - border: 1px solid #D2D2D2; - } - .pf-c-table__check:first-child { - border-top: 1px solid #D2D2D2; - } - .pf-c-accordion__expanded-content.pf-m-expanded { - height: 100%; - } - .pf-c-accordion__expanded-content-body { - height: 90%; - } - .expiring-container { - padding: 2vh; - button { - padding: 0; - } - .no-runs-wrapper { - color: #6A6E73; - } - } - .saved-runs-container.not-expanded{ - height: 80%; + button { + padding: 0; } - .saved-runs-container { - padding: 2vh; - .savedRuns-table-container { - .pf-c-scroll-outer-wrapper { - height: 25vh - } - .pf-c-scroll-inner-wrapper { - height: 100%; - } - } - .result_column { - white-space: nowrap; - } - .access { - text-transform: capitalize; - } - } - .new-runs-container { - - .newruns-heading-container { - display: flex; - justify-content: flex-end; - margin-bottom: 1.5vh; - } - .newruns-table-container { - height: 90%; - .pf-c-table__check { - border-top: 1px solid #d2d2d2; - } - .pf-c-scroll-outer-wrapper { - min-height: 100%; - } - .unseen-row { - background-color: #efefef; - } - } - .pf-c-pagination { - padding: 0; - } - } + .no-runs-wrapper { + color: #6a6e73; + } + } + .saved-runs-container.not-expanded { + height: 80%; + } + .saved-runs-container { + padding: 2vh; + .savedRuns-table-container { + .pf-c-scroll-outer-wrapper { + height: 25vh; + } + .pf-c-scroll-inner-wrapper { + height: 100%; + } + } + .result_column { + white-space: nowrap; + } + .access { + text-transform: capitalize; + } + } + .new-runs-container { + .newruns-heading-container { + display: flex; + justify-content: flex-end; + margin-bottom: 1.5vh; + } + .newruns-table-container { + height: 90%; + .pf-c-table__check { + border-top: 1px solid #d2d2d2; + } + .pf-c-scroll-outer-wrapper { + min-height: 100%; + } + .unseen-row { + background-color: #efefef; + } + } + .pf-c-pagination { + padding: 0; + } + } } .separator { - margin: 3vh 0; + margin: 3vh 0; } .dashboard-loading-container { - display: grid; - place-content: center; + display: grid; + place-content: center; - svg { - text-align: center; - margin: 0 auto; - } - .heading-h2 { - text-align: center; - font-weight: 700; - margin: 2vh 0; - font-size: 1.2rem; - } -} \ No newline at end of file + svg { + text-align: center; + margin: 0 auto; + } + .heading-h2 { + text-align: center; + font-weight: 700; + margin: 2vh 0; + font-size: 1.2rem; + } +} diff --git a/dashboard/src/modules/components/TableComponent/index.less b/dashboard/src/modules/components/TableComponent/index.less index 942cb625f1..278bd76485 100644 --- a/dashboard/src/modules/components/TableComponent/index.less +++ b/dashboard/src/modules/components/TableComponent/index.less @@ -26,12 +26,12 @@ table th { .alertNotification { .pf-c-alert__icon { - display: none; + display: none; + } + .alertHelpText { + padding-top: 0; + padding-bottom: 0; } - .alertHelpText{ - padding-top: 0; - padding-bottom: 0; - } } .publicDataPageTitle { margin: 1vh 0; diff --git a/dashboard/src/modules/components/TableOfContent/index.jsx b/dashboard/src/modules/components/TableOfContent/index.jsx index c2c3c77a6c..0adb087500 100644 --- a/dashboard/src/modules/components/TableOfContent/index.jsx +++ b/dashboard/src/modules/components/TableOfContent/index.jsx @@ -106,30 +106,30 @@ const TableOfContent = () => { const dropDownArray = moreBreadCrumbs.map((label, index) => index < moreBreadCrumbs.length - 1 ? ( } - onClick={() => { - setStack(index + 2); - const updatedBreadCrumbLabels = breadCrumbLabels.slice( - 0, - index + 1 + key="dropdown-start" + component="button" + icon={} + onClick={() => { + setStack(index + 2); + const updatedBreadCrumbLabels = breadCrumbLabels.slice( + 0, + index + 1 + ); + const newParam = param.split("/"); + setParam(newParam.slice(0, index + 1).join("/")); + setBreadCrumbLabels(updatedBreadCrumbLabels); + setCurrData(stack[index + 1]); + setTableData(stack[index + 1].files); + setSearchSpace(stack[index + 1].files); + if (updatedBreadCrumbLabels.length === 1) { + setBreadCrumb(initialBreadcrumb(updatedBreadCrumbLabels)); + } else if (updatedBreadCrumbLabels.length > 1) + setBreadCrumb( + appGroupingBreadcrumb(false, updatedBreadCrumbLabels) ); - const newParam = param.split("/"); - setParam(newParam.slice(0, index + 1).join("/")); - setBreadCrumbLabels(updatedBreadCrumbLabels); - setCurrData(stack[index + 1]); - setTableData(stack[index + 1].files); - setSearchSpace(stack[index + 1].files); - if (updatedBreadCrumbLabels.length === 1) { - setBreadCrumb(initialBreadcrumb(updatedBreadCrumbLabels)); - } else if (updatedBreadCrumbLabels.length > 1) - setBreadCrumb( - appGroupingBreadcrumb(false, updatedBreadCrumbLabels) - ); - }} + }} > - {label} + {label} ) : ( <> diff --git a/dashboard/src/modules/components/TableOfContent/index.less b/dashboard/src/modules/components/TableOfContent/index.less index bd3eac64b4..e47988ab02 100644 --- a/dashboard/src/modules/components/TableOfContent/index.less +++ b/dashboard/src/modules/components/TableOfContent/index.less @@ -1,50 +1,50 @@ #rootMenu { - width: 500px; - height: 100%; - box-shadow: none; - border-right: 2px solid black; - border-bottom: 2px solid black; + width: 500px; + height: 100%; + box-shadow: none; + border-right: 2px solid black; + border-bottom: 2px solid black; } .toc { - display: flex; + display: flex; } .active { - background-color: #b3cde0; + background-color: #b3cde0; } .dropDown { - position: absolute; - left: 100%; - background-color: blanchedalmond; + position: absolute; + left: 100%; + background-color: blanchedalmond; } .tableTOC { - display: flex; - flex-direction: column; - width: 60%; - margin-left: 2vw; + display: flex; + flex-direction: column; + width: 60%; + margin-left: 2vw; } .searchTOCContainer { - display: flex; - flex-flow: row-reverse; + display: flex; + flex-flow: row-reverse; } .tocBody { - margin-top: 0.5vw; + margin-top: 0.5vw; } .searchInputGroup { - width: 25vw !important; + width: 25vw !important; } .spinner { - position: absolute; - top: 25%; - left: 50%; - height: 100%; - width: 100%; - color: aqua; + position: absolute; + top: 25%; + left: 50%; + height: 100%; + width: 100%; + color: aqua; } diff --git a/dashboard/src/modules/containers/AuthLayout/index.less b/dashboard/src/modules/containers/AuthLayout/index.less index bf64fcab44..1c92c6dfe4 100644 --- a/dashboard/src/modules/containers/AuthLayout/index.less +++ b/dashboard/src/modules/containers/AuthLayout/index.less @@ -1,13 +1,13 @@ .login-wrapper { - top: 10%; - .login-right-component { - top: 15%; - } + top: 10%; + .login-right-component { + top: 15%; + } } .signup-wrapper { - top: 5%; + top: 5%; - .login-right-component { - top: 10%; - } + .login-right-component { + top: 10%; + } } diff --git a/dashboard/src/modules/containers/MainLayout/index.less b/dashboard/src/modules/containers/MainLayout/index.less index fff09420c5..4ba918f9d5 100644 --- a/dashboard/src/modules/containers/MainLayout/index.less +++ b/dashboard/src/modules/containers/MainLayout/index.less @@ -1,3 +1,3 @@ .pf-c-page__main { - background: #FFFFFF; + background: #ffffff; } diff --git a/dashboard/src/reducers/authReducer.js b/dashboard/src/reducers/authReducer.js index 981edc46ef..aa7e91752d 100644 --- a/dashboard/src/reducers/authReducer.js +++ b/dashboard/src/reducers/authReducer.js @@ -1,49 +1,51 @@ -import { KEEP_USER_LOGGED_IN, - USER_NOTION_ALERTS, - SET_SIGNUP_BUTTON, - SET_LOGIN_BUTTON, - SET_LOGIN_DETAILS, } from "../actions/types"; +import { + KEEP_USER_LOGGED_IN, + USER_NOTION_ALERTS, + SET_SIGNUP_BUTTON, + SET_LOGIN_BUTTON, + SET_LOGIN_DETAILS, +} from "../actions/types"; const initialState = { - keepLoggedIn : false, - alerts: [], - isLoginBtnDisabled: true, - isSignupBtnDisabled: true, - passwordLength: 8, - loginDetails: {} -} + keepLoggedIn: false, + alerts: [], + isLoginBtnDisabled: true, + isSignupBtnDisabled: true, + passwordLength: 8, + loginDetails: {}, +}; const AuthReducer = (state = initialState, action = {}) => { - const { type, payload } = action; - switch (type) { - case KEEP_USER_LOGGED_IN: - return { - ...state, - keepLoggedIn: payload - } - case USER_NOTION_ALERTS: - return { - ...state, - alerts: [...payload] - } - case SET_LOGIN_BUTTON: - return { - ...state, - isLoginBtnDisabled: payload - } - case SET_SIGNUP_BUTTON: - return { - ...state, - isSignupBtnDisabled: payload - } - case SET_LOGIN_DETAILS: - return { - ...state, - loginDetails: {...payload} - } - default: - return state; - } -} + const { type, payload } = action; + switch (type) { + case KEEP_USER_LOGGED_IN: + return { + ...state, + keepLoggedIn: payload, + }; + case USER_NOTION_ALERTS: + return { + ...state, + alerts: [...payload], + }; + case SET_LOGIN_BUTTON: + return { + ...state, + isLoginBtnDisabled: payload, + }; + case SET_SIGNUP_BUTTON: + return { + ...state, + isSignupBtnDisabled: payload, + }; + case SET_LOGIN_DETAILS: + return { + ...state, + loginDetails: { ...payload }, + }; + default: + return state; + } +}; export default AuthReducer; diff --git a/dashboard/src/reducers/datasetListReducer.js b/dashboard/src/reducers/datasetListReducer.js index 78f60b8ea4..33a95b3aaa 100644 --- a/dashboard/src/reducers/datasetListReducer.js +++ b/dashboard/src/reducers/datasetListReducer.js @@ -7,7 +7,7 @@ import { const initialState = { publicData: [], favoriteRepoNames: [], - tableData: [] + tableData: [], }; const DatasetListReducer = (state = initialState, action = {}) => { @@ -17,7 +17,7 @@ const DatasetListReducer = (state = initialState, action = {}) => { return { ...state, publicData: [...payload], - tableData: [...payload] + tableData: [...payload], }; case FAVORITED_DATASETS: return { @@ -27,8 +27,8 @@ const DatasetListReducer = (state = initialState, action = {}) => { case UPDATE_PUBLIC_DATASETS: return { ...state, - publicData: [...payload] - } + publicData: [...payload], + }; default: return state; } diff --git a/dashboard/src/reportWebVitals.js b/dashboard/src/reportWebVitals.js index 5253d3ad9e..9ecd33f9ca 100644 --- a/dashboard/src/reportWebVitals.js +++ b/dashboard/src/reportWebVitals.js @@ -1,6 +1,6 @@ -const reportWebVitals = onPerfEntry => { +const reportWebVitals = (onPerfEntry) => { if (onPerfEntry && onPerfEntry instanceof Function) { - import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => { + import("web-vitals").then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => { getCLS(onPerfEntry); getFID(onPerfEntry); getFCP(onPerfEntry); diff --git a/dashboard/src/store/store.js b/dashboard/src/store/store.js index 5d02eb9ea4..381c8f1eaf 100644 --- a/dashboard/src/store/store.js +++ b/dashboard/src/store/store.js @@ -1,19 +1,17 @@ -import { createStore, applyMiddleware, compose } from 'redux'; -import thunk from 'redux-thunk'; -import { createLogger } from 'redux-logger'; +import { createStore, applyMiddleware, compose } from "redux"; +import thunk from "redux-thunk"; +import { createLogger } from "redux-logger"; import rootReducer from "../reducers/index"; const composeEnhancers = - typeof window === 'object' && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ - ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({ - // Specify extension’s options like name, actionsBlacklist, actionsCreators, serialize... - }) - : compose; + typeof window === "object" && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ + ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({ + // Specify extension’s options like name, actionsBlacklist, actionsCreators, serialize... + }) + : compose; -const enhancer = composeEnhancers( - applyMiddleware(thunk, createLogger()) -); +const enhancer = composeEnhancers(applyMiddleware(thunk, createLogger())); -const store = createStore( rootReducer, enhancer ); +const store = createStore(rootReducer, enhancer); export default store; diff --git a/dashboard/src/utils/helper.js b/dashboard/src/utils/helper.js index a0914c3fbc..feefda0a29 100644 --- a/dashboard/src/utils/helper.js +++ b/dashboard/src/utils/helper.js @@ -47,7 +47,7 @@ export const validateEmail = (email) => { export const expandUriTemplate = (endpoints, name, args) => { let uri = endpoints.uri[name].template; for (const [key, value] of Object.entries(args)) { - uri = uri.replace(`{${key}}`, value) + uri = uri.replace(`{${key}}`, value); } - return uri -} + return uri; +};