-
About {link.identifier}
+
+ About
+
+ {link.identifier}
+
+
A homeserver will show you metadata about the link, like
a description. Homeservers will be able to relate your
diff --git a/src/components/InviteTile.tsx b/src/components/InviteTile.tsx
index 269e47e..da331f2 100644
--- a/src/components/InviteTile.tsx
+++ b/src/components/InviteTile.tsx
@@ -53,7 +53,7 @@ const InviteTile: React.FC = ({ children, client, link }: IProps) => {
Accept invite
);
- inviteUseString = `Accepting will open ${link.identifier} in ${client.name}.`;
+ inviteUseString = `Accepting will open this link in ${client.name}.`;
break;
case ClientKind.TEXT_CLIENT:
// TODO: copy to clipboard
diff --git a/src/components/LinkPreview.tsx b/src/components/LinkPreview.tsx
index dec14e8..37557e7 100644
--- a/src/components/LinkPreview.tsx
+++ b/src/components/LinkPreview.tsx
@@ -137,7 +137,12 @@ const LinkPreview: React.FC = ({ link }: IProps) => {
checked={showHSOptions}
onChange={(): void => setShowHSOPtions(!showHSOptions)}
>
- About {link.identifier}
+
+ About
+
+ {link.identifier}
+
+
>
);
diff --git a/src/components/RoomPreview.tsx b/src/components/RoomPreview.tsx
index 0ef2f14..620874a 100644
--- a/src/components/RoomPreview.tsx
+++ b/src/components/RoomPreview.tsx
@@ -38,9 +38,11 @@ const RoomPreview: React.FC = ({ room }: IProps) => {
return (
-
{room.name ? room.name : roomAlias}
+
+ {room.name ? room.name : roomAlias}
+
{members}
-
{roomAlias}
+
{roomAlias}
);
};
diff --git a/src/components/UserPreview.tsx b/src/components/UserPreview.tsx
index 6122977..7cfda27 100644
--- a/src/components/UserPreview.tsx
+++ b/src/components/UserPreview.tsx
@@ -67,9 +67,12 @@ export const InviterPreview: React.FC = ({
- Invited by {user ? user.displayname : userId}
+ Invited by{' '}
+
+ {user ? user.displayname : userId}
+
- {user ?
{userId}
: null}
+ {user ?
{userId}
: null}
{avatar}
@@ -84,7 +87,7 @@ export const WrappedInviterPreview: React.FC = ({
link,
}: WrappedInviterProps) => {
const [user, setUser] = useState(undefined);
- const hss = useHSs({link});
+ const hss = useHSs({ link });
useEffect(() => {
if (hss.length) {
client(hss[0])
diff --git a/src/index.scss b/src/index.scss
index c1ed963..a628c94 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -64,3 +64,7 @@ hr {
border: 1px solid lighten($grey, 50);
margin: 0 40px;
}
+
+.matrixIdentifier {
+ word-break: break-all;
+}