feat(flat-components): add join link content to InviteModal component (…

…#776)
netless-io · Jun 29, 2021 · 5048af0 · 5048af0
1 parent 0e2854c
commit 5048af0
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/packages/flat-components/src/components/InviteModal/index.less b/packages/flat-components/src/components/InviteModal/index.less
@@ -40,6 +40,7 @@
 
 .invite-modal-content-item {
     display: flex;
+    word-break: break-all;
 
     span {
         display: inline-block;

diff --git a/packages/flat-components/src/components/InviteModal/index.tsx b/packages/flat-components/src/components/InviteModal/index.tsx
@@ -100,6 +100,12 @@ export const InviteModal: React.FC<InviteModalProps> = ({
                         <span>{formattedTimeRange}</span>
                     </div>
                 )}
+                <div className="invite-modal-content-item">
+                    <span>{t("join-link")}</span>
+                    <span style={{ userSelect: "text" }}>
+                        {baseUrl}/join/{uuid}
+                    </span>
+                </div>
             </div>
             {/* @TODO Add invite URL */}
             {/*<Input type="text" placeholder="https://netless.link/url/5f2259d5069bc052d2" />*/}