diff --git a/src/clients/Fractal.tsx b/src/clients/Fractal.tsx index a0caaac..058b4d6 100644 --- a/src/clients/Fractal.tsx +++ b/src/clients/Fractal.tsx @@ -37,9 +37,14 @@ const Fractal: TextClient = { case LinkKind.Alias: case LinkKind.RoomId: case LinkKind.UserId: - return Click the '+' button in the top right; + return ( + + Click the '+' button in the top right and paste the + identifier + + ); default: - return Weechat doesn't support this kind of link; + return Fractal doesn't support this kind of link; } }, copyString: (link) => { @@ -63,7 +68,7 @@ const Fractal: TextClient = { } }, - description: 'Command-line Matrix interface using Weechat', + description: 'Fractal is a Matrix Client written in Rust', }; export default Fractal; diff --git a/src/components/ClientTile.tsx b/src/components/ClientTile.tsx index ba3e57d..c238a8b 100644 --- a/src/components/ClientTile.tsx +++ b/src/components/ClientTile.tsx @@ -39,19 +39,22 @@ const ClientTile: React.FC = ({ client, link }: IProps) => { clientTileLink: client.kind === ClientKind.LINKED_CLIENT, }); - const inviteButton = - client.kind === ClientKind.LINKED_CLIENT ? ( - - ) : ( - - ); + let inviteButton: JSX.Element = <>; + if (client.kind === ClientKind.LINKED_CLIENT) { + inviteButton = ; + } else { + const copyString = client.copyString(link); + if (copyString !== '') { + inviteButton = ( + + ); + } + } let clientTile = ( diff --git a/src/components/CreateLinkTile.scss b/src/components/CreateLinkTile.scss index 5a300ce..a377ae4 100644 --- a/src/components/CreateLinkTile.scss +++ b/src/components/CreateLinkTile.scss @@ -35,7 +35,7 @@ limitations under the License. color: $foreground; } - h1 { + .linkHeader h1 { word-break: break-all; } diff --git a/src/components/CreateLinkTile.tsx b/src/components/CreateLinkTile.tsx index af2ebef..5c05c58 100644 --- a/src/components/CreateLinkTile.tsx +++ b/src/components/CreateLinkTile.tsx @@ -128,7 +128,7 @@ const LinkCreatedTile: React.FC = (props) => {
New link
Go back to matrix.to home page -

{props.link}

+

{props.link}