updated links to hash links

Author: Oleksandr_Halichenko

src/AppHeader.tsx

@@ -7,15 +7,15 @@ export const AppHeader = () => {
  <MainMenu cx={css.header}>
  <LinkButton
  caption='@qavajs/html-formatter'
- link={ { pathname: '/' } }
+ href='#/'
  size='48'
  cx={css.title}
  captionCX={css.caption}
  />
  <FlexSpacer/>
  <LinkButton
  caption='Failed Scenarios'
- link={ { pathname: '/failed-scenarios' } }
+ href='#/failed-scenarios'
  size='48'
  cx={css.failedTitle}
  captionCX={css.caption}

src/components/Features.tsx

@@ -25,7 +25,7 @@ const featureColumns: DataColumnProps<Feature>[] = [
  {
  key: 'name',
  caption: 'Name',
- render: item => <LinkButton caption={item.name} link={ { pathname: `/feature/${item.id}` } } size='42' />,
+ render: item => <LinkButton caption={item.name} href={`#/feature/${item.id}`} size='42' />,
  isSortable: true,
  width: 400
  },

src/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { Router } from 'react-router-dom';
+import { HashRouter } from 'react-router-dom';
 import { createBrowserHistory } from 'history';
 import { ContextProvider } from '@epam/uui-core';
 import { Snackbar, Modals } from '@epam/uui-components';
@@ -10,7 +10,6 @@ import '@epam/promo/styles.css';
 import { App } from './App';
 import { svc } from './services';
 
-
 const history = createBrowserHistory();
 
 const UuiEnhancedApp = () => (
@@ -29,9 +28,9 @@ const UuiEnhancedApp = () => (
 );
 
 const RoutedApp = () => (
- <Router history={ history }>
+ <HashRouter>
  <UuiEnhancedApp />
- </Router>
+ </HashRouter>
 );
 
-ReactDOM.render(<RoutedApp />, document.getElementById('root'));
+ReactDOM.render(<RoutedApp />, document.getElementById('root'));