Allow copy on click for SFTP information (#3027)

This commit is contained in:
Charles Morgan 2021-01-27 00:10:30 -05:00 committed by GitHub
parent 25f656116a
commit b8db5bc8b0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -30,19 +30,23 @@ export default () => {
<TitledGreyBox title={'SFTP Details'} css={tw`mb-6 md:mb-10`}> <TitledGreyBox title={'SFTP Details'} css={tw`mb-6 md:mb-10`}>
<div> <div>
<Label>Server Address</Label> <Label>Server Address</Label>
<CopyOnClick text={`sftp://${sftp.ip}:${sftp.port}`}>
<Input <Input
type={'text'} type={'text'}
value={`sftp://${sftp.ip}:${sftp.port}`} value={`sftp://${sftp.ip}:${sftp.port}`}
readOnly readOnly
/> />
</CopyOnClick>
</div> </div>
<div css={tw`mt-6`}> <div css={tw`mt-6`}>
<Label>Username</Label> <Label>Username</Label>
<CopyOnClick text={`${username}.${id}`}>
<Input <Input
type={'text'} type={'text'}
value={`${username}.${id}`} value={`${username}.${id}`}
readOnly readOnly
/> />
</CopyOnClick>
</div> </div>
<div css={tw`mt-6 flex items-center`}> <div css={tw`mt-6 flex items-center`}>
<div css={tw`flex-1`}> <div css={tw`flex-1`}>