1 // Copyright (C) The Arvados Authors. All rights reserved.
3 // SPDX-License-Identifier: AGPL-3.0
5 import * as React from 'react';
6 import { StyleRulesCallback, WithStyles, withStyles, Card, CardContent, Button, Typography } from '@material-ui/core';
7 import { ArvadosTheme } from '~/common/custom-theme';
8 import { SshKey } from '~/models/ssh-key';
11 type CssRules = 'root' | 'link';
13 const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
18 color: theme.palette.primary.main,
19 textDecoration: 'none',
24 export interface SshKeyPanelRootActionProps {
28 export interface SshKeyPanelRootDataProps {
32 type SshKeyPanelRootProps = SshKeyPanelRootDataProps & SshKeyPanelRootActionProps & WithStyles<CssRules>;
34 export const SshKeyPanelRoot = withStyles(styles)(
35 ({ classes, sshKeys, onClick }: SshKeyPanelRootProps) =>
36 <Card className={classes.root}>
38 <Typography variant='body1' paragraph={true}>
39 You have not yet set up an SSH public key for use with Arvados.
40 <a href='https://doc.arvados.org/user/getting_started/ssh-access-unix.html' target='blank' className={classes.link}>
44 <Typography variant='body1' paragraph={true}>
45 When you have an SSH key you would like to use, add it using button below.