diff --git a/web/invite-links/manage/existing-link-content.react.js b/web/invite-links/manage/existing-link-content.react.js
index 504a6616d..38b72868e 100644
--- a/web/invite-links/manage/existing-link-content.react.js
+++ b/web/invite-links/manage/existing-link-content.react.js
@@ -1,44 +1,44 @@
// @flow
import * as React from 'react';
import type { InviteLink } from 'lib/types/link-types.js';
import css from './manage-invite-links-modal.css';
import Button from '../../components/button.react.js';
import CopyInviteLinkButton from '../copy-invite-link-button.react.js';
const buttonColor = {
color: 'var(--link-background-primary-default)',
};
type Props = {
+inviteLink: InviteLink,
+enterEditMode: () => mixed,
};
function ExistingLinkContent(props: Props): React.Node {
const { inviteLink, enterEditMode } = props;
return (
<>
-
+
{'Public links allow unlimited uses and never expire. '}
>
);
}
export default ExistingLinkContent;
diff --git a/web/invite-links/manage/manage-invite-links-modal.css b/web/invite-links/manage/manage-invite-links-modal.css
index 56204a475..fa0d93bfc 100644
--- a/web/invite-links/manage/manage-invite-links-modal.css
+++ b/web/invite-links/manage/manage-invite-links-modal.css
@@ -1,95 +1,99 @@
.container {
font-size: var(--m-font-16);
}
.sectionHeaderRow {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.sectionHeaderText {
color: var(--text-background-primary-default);
}
+.linkContentContainer {
+ margin-top: 16px;
+}
+
.description {
font-size: var(--s-font-14);
color: var(--text-background-primary-default);
margin-top: 8px;
}
.inlineButton {
display: inline;
font-size: var(--s-font-14);
}
.editLinkContainer {
display: flex;
flex-direction: column;
gap: 32px;
color: var(--text-background-secondary-default);
font-size: var(--s-font-14);
}
.editLinkDescription {
font-weight: var(--semi-bold);
color: var(--text-background-secondary-default);
display: flex;
flex-direction: column;
gap: 12px;
}
.editLinkDescription p {
font-size: var(--s-font-14);
}
.separator {
border-color: var(--separator-background-primary-default);
margin: 0;
}
.linkSection {
display: flex;
flex-direction: column;
gap: 16px;
}
.linkRow {
display: flex;
font-size: var(--m-font-16);
align-items: center;
gap: 8px;
}
.buttonRow {
display: flex;
justify-content: flex-end;
gap: 8px;
margin-top: 16px;
}
.buttonRowWithError {
margin-top: 8px;
}
.errorContainer {
display: flex;
justify-content: center;
font-size: var(--s-font-14);
color: var(--text-background-danger-default);
}
.disableLinkRow {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
font-size: var(--s-font-14);
}
.disableLinkButtons {
display: flex;
flex-direction: column;
gap: 16px;
}