Feature #15020
Arvados-DCO-1.1-Signed-off-by: Pawel Kowalczyk <pawel.kowalczyk@contractors.roche.com>
// SPDX-License-Identifier: AGPL-3.0
import * as React from 'react';
// SPDX-License-Identifier: AGPL-3.0
import * as React from 'react';
-import { Link } from 'react-router-dom';
-import {
- StyleRulesCallback, WithStyles, withStyles, Grid
-} from '@material-ui/core';
+import { StyleRulesCallback, WithStyles, withStyles, Grid, Button } from '@material-ui/core';
import { CollectionIcon } from '~/components/icon/icon';
import { ArvadosTheme } from '~/common/custom-theme';
import { BackIcon } from '~/components/icon/icon';
import { CollectionIcon } from '~/components/icon/icon';
import { ArvadosTheme } from '~/common/custom-theme';
import { BackIcon } from '~/components/icon/icon';
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
backLink: {
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
backLink: {
fontWeight: 600,
display: 'flex',
alignItems: 'center',
fontWeight: 600,
display: 'flex',
alignItems: 'center',
- textDecoration: 'none',
padding: theme.spacing.unit,
padding: theme.spacing.unit,
+ marginBottom: theme.spacing.unit,
color: theme.palette.grey["700"],
},
backIcon: {
color: theme.palette.grey["700"],
},
backIcon: {
class extends React.Component<CollectionContentAddressPanelActionProps & CollectionContentAddressDataProps & WithStyles<CssRules>> {
render() {
return <Grid item xs={12}>
class extends React.Component<CollectionContentAddressPanelActionProps & CollectionContentAddressDataProps & WithStyles<CssRules>> {
render() {
return <Grid item xs={12}>
- {/* <Link to={`/collections/${collectionUuid}`} className={this.props.classes.backLink}>
+ <Button
+ onClick={() => history.back()}
+ className={this.props.classes.backLink}>
<BackIcon className={this.props.classes.backIcon} />
Back
<BackIcon className={this.props.classes.backIcon} />
Back
<DataExplorer
id={COLLECTIONS_CONTENT_ADDRESS_PANEL_ID}
onRowClick={this.props.onItemClick}
<DataExplorer
id={COLLECTIONS_CONTENT_ADDRESS_PANEL_ID}
onRowClick={this.props.onItemClick}
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
backLink: {
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
backLink: {
fontWeight: 600,
display: 'flex',
alignItems: 'center',
fontWeight: 600,
display: 'flex',
alignItems: 'center',
({ classes, process, selectedFilter, filters, onChange, lines, onContextMenu, navigateToLogCollection }: ProcessLogMainCardProps & WithStyles<CssRules>) =>
<Grid item xs={12}>
<Link to={`/processes/${process.containerRequest.uuid}`} className={classes.backLink}>
({ classes, process, selectedFilter, filters, onChange, lines, onContextMenu, navigateToLogCollection }: ProcessLogMainCardProps & WithStyles<CssRules>) =>
<Grid item xs={12}>
<Link to={`/processes/${process.containerRequest.uuid}`} className={classes.backLink}>
- <BackIcon className={classes.backIcon} /> Back
+ <BackIcon className={classes.backIcon} /> BACK
</Link>
<Card className={classes.card}>
<CardHeader
</Link>
<Card className={classes.card}>
<CardHeader