umami/components/forms/ShareUrlForm.js

32 lines
910 B
JavaScript
Raw Normal View History

2020-08-08 05:36:57 +02:00
import React, { useRef } from 'react';
import Button from 'components/common/Button';
import FormLayout, { FormButtons, FormRow } from 'components/layout/FormLayout';
import CopyButton from '../common/CopyButton';
2020-08-15 10:17:15 +02:00
export default function TrackingCodeForm({ values, onClose }) {
2020-08-08 05:36:57 +02:00
const ref = useRef();
2020-08-15 10:17:15 +02:00
const { name, share_id } = values;
2020-08-08 05:36:57 +02:00
return (
<FormLayout>
<p>
2020-08-17 06:28:54 +02:00
This is the publicly shared URL for <b>{values.name}</b>.
2020-08-08 05:36:57 +02:00
</p>
<FormRow>
<textarea
ref={ref}
rows={3}
cols={60}
2020-08-17 06:28:54 +02:00
spellCheck={false}
defaultValue={`${document.location.origin}/share/${share_id}/${encodeURIComponent(name)}`}
2020-08-08 05:36:57 +02:00
readOnly
/>
</FormRow>
<FormButtons>
<CopyButton type="submit" variant="action" element={ref} />
<Button onClick={onClose}>Cancel</Button>
</FormButtons>
</FormLayout>
);
}