mirror of
https://github.com/docmost/docmost.git
synced 2025-11-18 05:01:11 +10:00
open link button
This commit is contained in:
@ -10,7 +10,7 @@ import {
|
|||||||
TextInput,
|
TextInput,
|
||||||
Tooltip,
|
Tooltip,
|
||||||
} from "@mantine/core";
|
} from "@mantine/core";
|
||||||
import { IconWorld } from "@tabler/icons-react";
|
import { IconExternalLink, IconWorld } from "@tabler/icons-react";
|
||||||
import React, { useEffect, useState } from "react";
|
import React, { useEffect, useState } from "react";
|
||||||
import {
|
import {
|
||||||
useCreateShareMutation,
|
useCreateShareMutation,
|
||||||
@ -173,13 +173,23 @@ export default function ShareModal({ readOnly }: ShareModalProps) {
|
|||||||
|
|
||||||
{pageIsShared && (
|
{pageIsShared && (
|
||||||
<>
|
<>
|
||||||
<Group my="sm" grow>
|
<Group my="sm" gap={4} wrap="nowrap">
|
||||||
<TextInput
|
<TextInput
|
||||||
variant="filled"
|
variant="filled"
|
||||||
value={publicLink}
|
value={publicLink}
|
||||||
readOnly
|
readOnly
|
||||||
rightSection={<CopyTextButton text={publicLink} />}
|
rightSection={<CopyTextButton text={publicLink} />}
|
||||||
|
style={{ width: "100%" }}
|
||||||
/>
|
/>
|
||||||
|
<ActionIcon
|
||||||
|
component="a"
|
||||||
|
variant="default"
|
||||||
|
target="_blank"
|
||||||
|
href={publicLink}
|
||||||
|
size="sm"
|
||||||
|
>
|
||||||
|
<IconExternalLink size={16} />
|
||||||
|
</ActionIcon>
|
||||||
</Group>
|
</Group>
|
||||||
|
|
||||||
<Group justify="space-between" wrap="nowrap" gap="xl">
|
<Group justify="space-between" wrap="nowrap" gap="xl">
|
||||||
|
|||||||
Reference in New Issue
Block a user