removed unused components

Author: Oleksandr_Halichenko

src/App.module.scss

@@ -33,6 +33,10 @@ footer {
  margin-left: 15px;
 }
 
+.failedTitle {
+ margin-right: 15px;
+}
+
 .caption {
  color: aliceblue;
 }

src/App.tsx

@@ -5,9 +5,14 @@ import { Route } from 'react-router-dom';
 import { AppHeader } from './AppHeader';
 import css from './App.module.scss';
 
-import sourceData from './report.json';
+declare global {
+ interface Window {
+ data: any;
+ sourceData: Array<any>
+ }
+}
 
-const data = (sourceData as Array<any>)
+const data = window.sourceData
  .map((feature: any) => ({
  ...feature,
  total: feature.elements.length,
@@ -26,10 +31,6 @@ const data = (sourceData as Array<any>)
  status: feature.failed > 0 ? 'failed' : 'passed'
  }));
 
-declare global {
- interface Window { data: any; }
-}
-
 window.data = data;
 
 export const App = () => {
@@ -38,7 +39,8 @@ export const App = () => {
  <Route component={ AppHeader } />
  <main>
  <Route path="/" exact component={ MainPage } />
- <Route path="/:id" exact component={ FeaturePage } />
+ <Route path="/feature/:id" exact component={ FeaturePage } />
+ <Route path="/failed-scenarios" exact component={ FeaturePage } />
  </main>
  <footer/>
  </div>

src/AppHeader.tsx

@@ -1,5 +1,5 @@
-import * as React from "react";
-import { MainMenu, Text, LinkButton } from "@epam/promo";
+import * as React from 'react';
+import { MainMenu, FlexSpacer, LinkButton } from '@epam/promo';
 import css from './App.module.scss';
 
 export const AppHeader = () => {
@@ -12,6 +12,14 @@ export const AppHeader = () => {
  cx={css.title}
  captionCX={css.caption}
  />
+ <FlexSpacer/>
+ <LinkButton
+ caption='Failed Scenarios'
+ link={ { pathname: '/failed-scenarios' } }
+ size='48'
+ cx={css.failedTitle}
+ captionCX={css.caption}
+ />
  </MainMenu>
  )
 }

src/components/AttachmentModal.tsx

@@ -5,11 +5,8 @@ import {
  ModalHeader,
  ModalWindow,
  FlexRow,
- FlexSpacer,
  Panel,
- ScrollBars,
- Text,
- Button
+ ScrollBars
 } from '@epam/promo';
 
 export const AttachmentModal = (modalProps: any) => {

src/components/ErrorModal.tsx

@@ -5,11 +5,8 @@ import {
  ModalHeader,
  ModalWindow,
  FlexRow,
- FlexSpacer,
  Panel,
- ScrollBars,
- Text,
- Button
+ ScrollBars
 } from '@epam/promo';
 
 export const ErrorModal = (modalProps: any) => {

src/components/Features.tsx

@@ -1,4 +1,4 @@
-import React, { useMemo, useState} from 'react';
+import React, { useState} from 'react';
 import {
  Panel,
  FlexRow,
@@ -8,7 +8,7 @@ import {
  LinkButton,
  TextInput, Switch, FlexSpacer
 } from '@epam/promo';
-import {DataColumnProps, useArrayDataSource} from "@epam/uui-core";
+import {DataColumnProps, useArrayDataSource} from '@epam/uui-core';
 import css from './Features.module.scss';
 
 type Feature = {
@@ -25,7 +25,7 @@ const featureColumns: DataColumnProps<Feature>[] = [
  {
  key: 'name',
  caption: 'Name',
- render: item => <LinkButton caption={item.name} link={ { pathname: `/${item.id}` } } size='42' />,
+ render: item => <LinkButton caption={item.name} link={ { pathname: `/feature/${item.id}` } } size='42' />,
  isSortable: true,
  width: 400
  },

src/components/Scenario.tsx

@@ -1,6 +1,6 @@
-import React, { useMemo, useState} from 'react';
-import {Panel, FlexRow, DataTable, Text, Badge, LinkButton, IconContainer, FlexCell, Accordion} from '@epam/promo';
-import {Step} from "./Step";
+import React from 'react';
+import { FlexRow, Text, Badge, FlexCell, Accordion} from '@epam/promo';
+import { Step } from './Step';
 
 const filterByStatus = (scenario: any, status: string) => scenario.steps.filter((step: any) => step.result.status === status);
 const scenarioTitle = (scenario: any) => () => {

src/components/StatisticsPieChart.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import {PieChart, Pie, Sector, Cell, ResponsiveContainer, Tooltip} from 'recharts';
+import { PieChart, Pie, Cell, Tooltip } from 'recharts';
 
 const COLORS = ['#88CC00', '#E54322', '#0088FE', '#FFBB28'];
 

src/components/Step.tsx

@@ -1,5 +1,5 @@
-import React, { useMemo, useState} from 'react';
-import { Panel, FlexRow, DataTable, Text, Badge, LinkButton, IconContainer, IconButton } from '@epam/promo';
+import React from 'react';
+import { Text, IconContainer, IconButton } from '@epam/promo';
 import { ErrorModal } from './ErrorModal';
 import { ReactComponent as PassedIcon } from '@epam/assets/icons/common/notification-done-24.svg';
 import { ReactComponent as FailedIcon } from '@epam/assets/icons/common/navigation-close-24.svg';
@@ -9,8 +9,8 @@ import { ReactComponent as ErrorIcon } from '@epam/assets/icons/common/notificat
 import { ReactComponent as AttachmentIcon } from '@epam/assets/icons/common/file-attachment-24.svg';
 
 import css from './Step.module.scss';
-import {useUuiContext} from "@epam/uui-core";
-import {AttachmentModal} from "./AttachmentModal";
+import { useUuiContext } from '@epam/uui-core';
+import { AttachmentModal } from './AttachmentModal';
 
 const icon = (status: string) => {
  switch (status) {