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>
<Input <CopyOnClick text={`sftp://${sftp.ip}:${sftp.port}`}>
type={'text'} <Input
value={`sftp://${sftp.ip}:${sftp.port}`} type={'text'}
readOnly value={`sftp://${sftp.ip}:${sftp.port}`}
/> readOnly
/>
</CopyOnClick>
</div> </div>
<div css={tw`mt-6`}> <div css={tw`mt-6`}>
<Label>Username</Label> <Label>Username</Label>
<Input <CopyOnClick text={`${username}.${id}`}>
type={'text'} <Input
value={`${username}.${id}`} type={'text'}
readOnly value={`${username}.${id}`}
/> 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`}>