34 lines
757 B
React
34 lines
757 B
React
|
// @flow
|
||
|
|
import React from 'react';
|
||
|
|
import classnames from 'classnames';
|
||
|
|
import { clipboard } from 'electron';
|
||
|
|
import Button from 'component/button';
|
||
|
|
|
||
|
|
type Props = {
|
||
|
|
shortUrl: ?string,
|
||
|
|
uri: string,
|
||
|
|
doToast: ({ message: string }) => void,
|
||
|
|
inline?: boolean,
|
||
|
|
noShortUrl?: boolean,
|
||
|
|
};
|
||
|
|
|
||
|
|
function ClaimUri(props: Props) {
|
||
|
|
const { shortUrl, uri, doToast, inline = false, noShortUrl = false } = props;
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Button
|
||
|
|
button="link"
|
||
|
|
className={classnames('media__uri', { 'media__uri--inline': inline })}
|
||
|
|
label={noShortUrl ? uri : shortUrl || uri}
|
||
|
|
onClick={() => {
|
||
|
|
clipboard.writeText(shortUrl || uri);
|
||
|
|
doToast({
|
||
|
|
message: __('Copied'),
|
||
|
|
});
|
||
|
|
}}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
export default ClaimUri;
|