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 link
-
+
{'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; }