litmuschaos
/
litmus
mirror of https://github.com/litmuschaos/litmus.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Upgraded to Litmus-UI (#2451) 

* Upgraded to Litmus-UI

Signed-off-by: Amit Kumar Das <amitkumar.das@mayadata.io>
Co-authored-by: Amit Kumar Das <40661238+amityt@users.noreply.github.com>
This commit is contained in:
Sayan Mondal 2021-02-18 15:50:23 +05:30 committed by GitHub
parent bdf0d09a77
commit d02ef00516
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
24 changed files with 65 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
litmus-portal/frontend/package-lock.json generated
View File

@ -8088,6 +8088,11 @@
"resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.14.0.tgz",
"integrity": "sha512-1zD+68jhFgDIM0rF05rcwYO8cExdNqxjq4xP1QKM60Q45mnO6zaMWB4tOzrIr4M4GSLntsKeE4c9Bdl2jhL/yw=="
},
"dayjs": {
"version": "1.10.4",
"resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.10.4.tgz",
"integrity": "sha512-RI/Hh4kqRc1UKLOAf/T5zdMMX5DQIlDxwUe3wSyMMnEbGunnpENCdbUgM+dW7kXidZqCttBrmw7BhN4TMddkCw=="
},
"debounce": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/debounce/-/debounce-1.2.0.tgz",
@ -12321,6 +12326,11 @@
"side-channel": "^1.0.2"
}
},
"internmap": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/internmap/-/internmap-1.0.0.tgz",
"integrity": "sha512-SdoDWwNOTE2n4JWUsLn4KXZGuZPjPF9yyOGc8bnfWnBQh7BD/l80rzSznKc/r4Y0aQ7z3RTk9X+tV4tHBpu+dA=="
},
"interval-tree-1d": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/interval-tree-1d/-/interval-tree-1d-1.0.3.tgz",
@ -13729,28 +13739,6 @@
"resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz",
"integrity": "sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w=="
},
"kubera-ui": {
"version": "0.3.4",
"resolved": "https://registry.npmjs.org/kubera-ui/-/kubera-ui-0.3.4.tgz",
"integrity": "sha512-qmYpOliEblkEUEcWO5VblxF44P5K/iU1fl4BhihYCN6SRovm4PXMLkeooUrrPekAwEl0LoyIB6+5dybNGMOMcg==",
"requires": {
"@material-ui/core": "^4.10.2",
"@material-ui/icons": "^4.9.1",
"@material-ui/lab": "^4.0.0-alpha.56",
"@visx/visx": "^1.1.0",
"d3-array": "^2.8.0",
"react": "^16.9.0",
"react-dom": "^16.9.0",
"react-router-dom": "^5.2.0"
},
"dependencies": {
"d3-array": {
"version": "2.9.1",
"resolved": "https://registry.npmjs.org/d3-array/-/d3-array-2.9.1.tgz",
"integrity": "sha512-Ob7RdOtkqsjx1NWyQHMFLtCSk6/aKTxDdC4ZIolX+O+mDD2RzrsYgAyc0WGAlfYFVELLSilS7w8BtE3PKM8bHg=="
}
}
},
"labeled-stream-splicer": {
"version": "2.0.2",
"resolved": "https://registry.npmjs.org/labeled-stream-splicer/-/labeled-stream-splicer-2.0.2.tgz",
@ -14450,6 +14438,32 @@
}
}
},
"litmus-ui": {
"version": "0.1.1",
"resolved": "https://registry.npmjs.org/litmus-ui/-/litmus-ui-0.1.1.tgz",
"integrity": "sha512-FRd4DSBG1NrRLqLnsNGl4LY7NCEo7WnZD0EC93FZb7nnCBDxw4cDyFhz9fU0orhnd0LrhK3Vn6KgS+OwnuUWLw==",
"requires": {
"@material-ui/core": "^4.10.2",
"@material-ui/icons": "^4.9.1",
"@material-ui/lab": "^4.0.0-alpha.56",
"@visx/visx": "^1.1.0",
"d3-array": "^2.8.0",
"dayjs": "^1.10.3",
"react": "^16.9.0",
"react-dom": "^16.9.0",
"react-router-dom": "^5.2.0"
},
"dependencies": {
"d3-array": {
"version": "2.11.0",
"resolved": "https://registry.npmjs.org/d3-array/-/d3-array-2.11.0.tgz",
"integrity": "sha512-26clcwmHQEdsLv34oNKq5Ia9tQ26Y/4HqS3dQzF42QBUqymZJ+9PORcN1G52bt37NsL2ABoX4lvyYZc+A9Y0zw==",
"requires": {
"internmap": "^1.0.0"
}
}
}
},
"load-json-file": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-4.0.0.tgz",

2
litmus-portal/frontend/package.json
View File

@ -32,7 +32,7 @@
"jsonwebtoken": "^8.5.1",
"jspdf": "^2.1.1",
"jspdf-autotable": "^3.5.13",
"kubera-ui": "^0.3.4",
"litmus-ui": "^0.1.1",
"localforage": "^1.7.3",
"lodash": "^4.17.20",
"moment": "^2.27.0",

2
litmus-portal/frontend/src/components/Targets/ClusterInfo/index.tsx
View File

@ -1,6 +1,6 @@
import { useMutation } from '@apollo/client';
import { Typography } from '@material-ui/core';
import { ButtonFilled } from 'kubera-ui';
import { ButtonFilled } from 'litmus-ui';
import React from 'react';
import { useTranslation } from 'react-i18next';
import { useSelector } from 'react-redux';

2
litmus-portal/frontend/src/components/Targets/ConnectHome/index.tsx
View File

@ -1,5 +1,5 @@
import { Tooltip, Typography } from '@material-ui/core';
import { ButtonFilled } from 'kubera-ui';
import { ButtonFilled } from 'litmus-ui';
import React from 'react';
import { useTranslation } from 'react-i18next';
import { useSelector } from 'react-redux';

2
litmus-portal/frontend/src/components/WelcomeModal/Stepper.tsx
View File

@ -4,7 +4,7 @@ import React, { useRef } from 'react';
import { useTranslation } from 'react-i18next';
import { useSelector } from 'react-redux';
import { Link } from 'react-router-dom';
import { InputField } from 'kubera-ui';
import { InputField } from 'litmus-ui';
import config from '../../config';
import { CREATE_USER } from '../../graphql';
import { CreateUserData } from '../../models/graphql/user';

6
litmus-portal/frontend/src/containers/app/App.tsx
View File

@ -1,4 +1,4 @@
import { KuberaThemeProvider } from 'kubera-ui';
import { LitmusThemeProvider } from 'litmus-ui';
import React, { lazy, Suspense, useEffect } from 'react';
import { useSelector } from 'react-redux';
import { Redirect, Route, Router, Switch } from 'react-router-dom';
@ -166,7 +166,7 @@ function App() {
}
}, [token]);
return (
<KuberaThemeProvider platform="litmus-portal">
<LitmusThemeProvider platform="litmus-portal">
<Suspense fallback={<Loader />}>
<Router history={history}>
<div className={classes.root}>
@ -180,7 +180,7 @@ function App() {
</div>
</Router>
</Suspense>
</KuberaThemeProvider>
</LitmusThemeProvider>
);
}

6
litmus-portal/frontend/src/pages/HomePage/index.tsx
View File

@ -5,7 +5,7 @@ import { CardActionArea, Typography, useTheme } from '@material-ui/core';
import Backdrop from '@material-ui/core/Backdrop/Backdrop';
import IconButton from '@material-ui/core/IconButton';
import ArrowForwardIcon from '@material-ui/icons/ArrowForward';
import { ButtonFilled, KuberaCard } from 'kubera-ui';
import { ButtonFilled, LitmusCard } from 'litmus-ui';
import React, { useEffect, useState } from 'react';
import { useTranslation } from 'react-i18next';
import { useSelector } from 'react-redux';
@ -47,7 +47,7 @@ const CreateWorkflowCard: React.FC = () => {
};
return (
<KuberaCard
<LitmusCard
width="15rem"
height="100%"
borderColor={useTheme().palette.highlight}
@ -68,7 +68,7 @@ const CreateWorkflowCard: React.FC = () => {
<ArrowForwardIcon className={classes.arrowForwardIcon} />
</CardActionArea>
</div>
</KuberaCard>
</LitmusCard>
);
};

2
litmus-portal/frontend/src/pages/LoginPage/index.tsx
View File

@ -1,6 +1,6 @@
/* eslint-disable react/no-danger */
import { Typography } from '@material-ui/core';
import { ButtonFilled, InputField } from 'kubera-ui';
import { ButtonFilled, InputField } from 'litmus-ui';
import React, { useState } from 'react';
import { useTranslation } from 'react-i18next';
import Loader from '../../components/Loader';

2
litmus-portal/frontend/src/pages/Workflows/index.tsx
View File

@ -1,7 +1,7 @@
import { AppBar, Typography } from '@material-ui/core';
import useTheme from '@material-ui/core/styles/useTheme';
import Tabs from '@material-ui/core/Tabs';
import { ButtonFilled } from 'kubera-ui';
import { ButtonFilled } from 'litmus-ui';
import React from 'react';
import { useTranslation } from 'react-i18next';
import { useSelector } from 'react-redux';

2
litmus-portal/frontend/src/react-app-env.d.ts vendored
View File

@ -1,2 +1,2 @@
/// <reference types="react-scripts" />
/// <reference types="kubera-ui" />
/// <reference types="litmus-ui" />

6
litmus-portal/frontend/src/testHelpers/ThemeWrapper.tsx
View File

@ -1,5 +1,5 @@
// This Component will work as a Theme Wrapper for the component to be tested.
import { KuberaThemeProvider } from 'kubera-ui';
import { LitmusThemeProvider } from 'litmus-ui';
import React from 'react';
interface ThemeWrapperProps {
@ -8,9 +8,9 @@ interface ThemeWrapperProps {
const ThemeWrapper: React.FC<ThemeWrapperProps> = ({ children }) => {
return (
<KuberaThemeProvider platform="litmus-portal">
<LitmusThemeProvider platform="litmus-portal">
{children}
</KuberaThemeProvider>
</LitmusThemeProvider>
);
};

2
litmus-portal/frontend/src/views/ChaosWorkflows/BrowseCluster/TableData.tsx
View File

@ -1,5 +1,5 @@
import { IconButton, TableCell, Tooltip, Typography } from '@material-ui/core';
import { ButtonFilled } from 'kubera-ui';
import { ButtonFilled } from 'litmus-ui';
import moment from 'moment';
import React from 'react';
import { useTranslation } from 'react-i18next';

2
litmus-portal/frontend/src/views/ChaosWorkflows/BrowseSchedule/TableData.tsx
View File

@ -12,7 +12,7 @@ import GetAppIcon from '@material-ui/icons/GetApp';
import KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown';
import MoreVertIcon from '@material-ui/icons/MoreVert';
import cronstrue from 'cronstrue';
import { ButtonFilled } from 'kubera-ui';
import { ButtonFilled } from 'litmus-ui';
import moment from 'moment';
import React from 'react';
import { useTranslation } from 'react-i18next';

2
litmus-portal/frontend/src/views/CreateWorkflow/ChooseWorkflow/index.tsx
View File

@ -1,6 +1,6 @@
import { Typography } from '@material-ui/core';
import Divider from '@material-ui/core/Divider';
import { ButtonFilled, InputField } from 'kubera-ui';
import { ButtonFilled, InputField } from 'litmus-ui';
import React, { useEffect, useState } from 'react';
import { useTranslation } from 'react-i18next';
import { useSelector } from 'react-redux';

2
litmus-portal/frontend/src/views/CreateWorkflow/CustomWorkflow/CreateWorkflow/index.tsx
View File

@ -17,7 +17,7 @@ import {
Typography,
} from '@material-ui/core';
import ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';
import { InputField } from 'kubera-ui';
import { InputField } from 'litmus-ui';
import React, { useState } from 'react';
import { useTranslation } from 'react-i18next';
import { useSelector } from 'react-redux';

2
litmus-portal/frontend/src/views/CreateWorkflow/CustomWorkflow/TuneWorkflow/index.tsx
View File

@ -1,6 +1,6 @@
import { useLazyQuery } from '@apollo/client';
import { Typography } from '@material-ui/core';
import { InputField } from 'kubera-ui';
import { InputField } from 'litmus-ui';
import React, { useEffect, useState } from 'react';
import { useTranslation } from 'react-i18next';
import { useSelector } from 'react-redux';

2
litmus-portal/frontend/src/views/CreateWorkflow/VerifyCommit/index.tsx
View File

@ -1,7 +1,7 @@
import { Divider, IconButton, Typography } from '@material-ui/core';
import EditIcon from '@material-ui/icons/Edit';
import cronstrue from 'cronstrue';
import { EditableText } from 'kubera-ui';
import { EditableText } from 'litmus-ui';
import React, { useEffect } from 'react';
import { useTranslation } from 'react-i18next';
import { useSelector } from 'react-redux';

2
litmus-portal/frontend/src/views/CreateWorkflow/WorkflowCluster/index.tsx
View File

@ -8,7 +8,7 @@ import {
Snackbar,
Typography,
} from '@material-ui/core';
import { ButtonFilled } from 'kubera-ui';
import { ButtonFilled } from 'litmus-ui';
import React, { useEffect, useState } from 'react';
import { useTranslation } from 'react-i18next';
import { useSelector } from 'react-redux';

2
litmus-portal/frontend/src/views/MyHub/MyHubConnect/index.tsx
View File

@ -10,7 +10,7 @@ import React, { useState } from 'react';
import Done from '@material-ui/icons/DoneAllTwoTone';
import { useTranslation } from 'react-i18next';
import { useSelector } from 'react-redux';
import { InputField } from 'kubera-ui';
import { InputField } from 'litmus-ui';
import BackButton from '../../../components/Button/BackButton';
import ButtonFilled from '../../../components/Button/ButtonFilled';
import ButtonOutline from '../../../components/Button/ButtonOutline';

2
litmus-portal/frontend/src/views/MyHub/MyHubConnect/myHubInput.tsx
View File

@ -1,6 +1,6 @@
import React from 'react';
import { useTranslation } from 'react-i18next';
import { InputField } from 'kubera-ui';
import { InputField } from 'litmus-ui';
import useStyles from './styles';
import {
isValidWebUrl,

2
litmus-portal/frontend/src/views/MyHub/MyHubEdit/index.tsx
View File

@ -11,7 +11,7 @@ import React, { useEffect, useState } from 'react';
import { useTranslation } from 'react-i18next';
import { useSelector } from 'react-redux';
import { useParams } from 'react-router-dom';
import { InputField } from 'kubera-ui';
import { InputField } from 'litmus-ui';
import BackButton from '../../../components/Button/BackButton';
import ButtonFilled from '../../../components/Button/ButtonFilled';
import ButtonOutline from '../../../components/Button/ButtonOutline';

2
litmus-portal/frontend/src/views/Settings/AccountsTab/AccountSettings/index.tsx
View File

@ -1,5 +1,5 @@
import { Divider, Typography } from '@material-ui/core';
import { InputField } from 'kubera-ui';
import { InputField } from 'litmus-ui';
import React, { useRef, useState } from 'react';
import { useTranslation } from 'react-i18next';
import ButtonFilled from '../../../../components/Button/ButtonFilled';

2
litmus-portal/frontend/src/views/Settings/UserManagementTab/CreateUser/UserDetails/index.tsx
View File

@ -1,5 +1,5 @@
import { Avatar, Button, Typography } from '@material-ui/core';
import { InputField } from 'kubera-ui';
import { InputField } from 'litmus-ui';
import React, { useState } from 'react';
import { useTranslation } from 'react-i18next';
import Unimodal from '../../../../../containers/layouts/Unimodal';

2
litmus-portal/frontend/src/views/Settings/UserManagementTab/CreateUser/index.tsx
View File

@ -1,5 +1,5 @@
import { Divider, IconButton, Typography } from '@material-ui/core';
import { InputField } from 'kubera-ui';
import { InputField } from 'litmus-ui';
import React from 'react';
import { useTranslation } from 'react-i18next';
import {