diff --git a/plugins/scaffolder/src/components/JobStage/JobStage.tsx b/plugins/scaffolder/src/components/JobStage/JobStage.tsx
deleted file mode 100644
index 1448fedf5c..0000000000
--- a/plugins/scaffolder/src/components/JobStage/JobStage.tsx
+++ /dev/null
@@ -1,173 +0,0 @@
-/*
- * Copyright 2020 Spotify AB
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import {
- Accordion,
- AccordionDetails,
- AccordionSummary,
- AccordionActions,
- Box,
- CircularProgress,
- LinearProgress,
- Typography,
- Button,
-} from '@material-ui/core';
-import { makeStyles } from '@material-ui/core/styles';
-import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
-import ExpandLessIcon from '@material-ui/icons/ExpandLess';
-import cn from 'classnames';
-import moment from 'moment';
-import React, { Suspense, useEffect, useState } from 'react';
-import { LogModal } from './LogModal';
-import { Job } from '../../types';
-
-const LazyLog = React.lazy(() => import('react-lazylog/build/LazyLog'));
-moment.relativeTimeThreshold('ss', 0);
-
-const useStyles = makeStyles(theme => ({
- accordionDetails: {
- padding: 0,
- },
- button: {
- order: -1,
- margin: '0 1em 0 -20px',
- },
- cardContent: {
- backgroundColor: theme.palette.background.default,
- },
- accordion: {
- position: 'relative',
- '&:after': {
- pointerEvents: 'none',
- content: '""',
- position: 'absolute',
- top: 0,
- right: 0,
- left: 0,
- bottom: 0,
- },
- },
- neutral: {},
- failed: {
- '&:after': {
- boxShadow: `inset 4px 0px 0px ${theme.palette.error.main}`,
- },
- },
- started: {
- '&:after': {
- boxShadow: `inset 4px 0px 0px ${theme.palette.info.main}`,
- },
- },
- completed: {
- '&:after': {
- boxShadow: `inset 4px 0px 0px ${theme.palette.success.main}`,
- },
- },
- jobStatusTitle: {
- display: 'flex',
- width: '100%',
- alignItems: 'center',
- flexDirection: 'row',
- justifyContent: 'space-between',
- [theme.breakpoints.down('xs')]: {
- flexDirection: 'column',
- alignItems: 'flex-start',
- justifyContent: 'flex-start',
- },
- },
-}));
-
-type Props = {
- name: string;
- className?: string;
- log: string[];
- startedAt: string;
- endedAt?: string;
- status: Job['status'];
-};
-
-export const JobStage = ({ endedAt, startedAt, name, log, status }: Props) => {
- const classes = useStyles();
-
- const [expanded, setExpanded] = useState(false);
- useEffect(() => {
- if (status === 'failed') setExpanded(true);
- }, [status, setExpanded]);
-
- const timeElapsed =
- status === 'processing'
- ? moment
- .duration(moment(endedAt ?? moment()).diff(moment(startedAt)))
- .humanize()
- : null;
-
- const [logsFullScreen, setLogsFullScreen] = useState(false);
- const toggleLogsFullScreen = () => setLogsFullScreen(!logsFullScreen);
-
- return (
- ] ??
- classes.neutral,
- )}
- expanded={expanded}
- onChange={(_, newState) => setExpanded(newState)}
- >
- : }
- aria-controls={`panel-${name}-content`}
- id={`panel-${name}-header`}
- IconButtonProps={{
- className: classes.button,
- }}
- >
-
- {name} {timeElapsed && `(${timeElapsed})`}{' '}
- {startedAt && !endedAt && }
-
-
-
- {log.length === 0 ? (
-
-
-
- ) : (
- }>
-
-
-
-
-
- )}
-
-
-
-
-
- );
-};
diff --git a/plugins/scaffolder/src/components/JobStage/LogModal.tsx b/plugins/scaffolder/src/components/JobStage/LogModal.tsx
deleted file mode 100644
index 73b6253510..0000000000
--- a/plugins/scaffolder/src/components/JobStage/LogModal.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-/*
- * Copyright 2020 Spotify AB
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import {
- Dialog,
- DialogTitle,
- DialogContent,
- IconButton,
-} from '@material-ui/core';
-import { makeStyles } from '@material-ui/core/styles';
-import Close from '@material-ui/icons/Close';
-import LazyLog from 'react-lazylog/build/LazyLog';
-
-type Props = {
- log: string[];
- open?: boolean;
- onClose(): void;
-};
-
-const useStyles = makeStyles(theme => ({
- header: {
- width: '100%',
- padding: theme.spacing(1, 4),
- },
- closeIcon: {
- float: 'right',
- padding: theme.spacing(0.5, 0),
- },
- logs: {
- boxShadow: '-3px -1px 7px 0px rgba(50, 50, 50, 0.59)',
- height: '100%',
- width: '100%',
- },
-}));
-
-export const LogModal = ({ log, open = false, onClose }: Props) => {
- const classes = useStyles();
-
- return (
-
- );
-};
diff --git a/plugins/scaffolder/src/components/JobStage/index.ts b/plugins/scaffolder/src/components/JobStage/index.ts
deleted file mode 100644
index d6d3534a88..0000000000
--- a/plugins/scaffolder/src/components/JobStage/index.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-/*
- * Copyright 2020 Spotify AB
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-export { JobStage } from './JobStage';