Desktop: Mentioned on share dialog that it may take a few minutes for all notes to appear on the recipient device

packages/app-desktop/gui/ShareFolderDialog/ShareFolderDialog.tsx

@@ -64,7 +64,7 @@ const StyledRecipientStatusIcon = styled.i`
 `;
 
 const StyledRecipients = styled.div`
-	
+	margin-bottom: 10px;
 `;
 
 const StyledRecipientList = styled.div`
@@ -288,6 +288,14 @@ function ShareFolderDialog(props: Props) {
 		);
 	}
 
+	const renderInfo = () => {
+		return (
+			<p className="info-text -small">
+				{_('Please note that if it is a large notebook, it may take a few minutes for all the notes to show up on the recipient\'s device.')}
+			</p>
+		);
+	};
+
 	async function buttonRow_click(event: ClickEvent) {
 		if (event.buttonName === 'unshare') {
 			if (!confirm(_('Unshare this notebook? The recipients will no longer have access to its content.'))) return;
@@ -307,6 +315,7 @@ function ShareFolderDialog(props: Props) {
 				{renderShareState()}
 				{renderError()}
 				{renderRecipients()}
+				{renderInfo()}
 				<DialogButtonRow
 					themeId={props.themeId}
 					onClick={buttonRow_click}

packages/app-desktop/main.scss

@@ -188,6 +188,12 @@ div.form,
 	margin-bottom: 20px;
 }
 
+p {
+	&.-small {
+		font-size: 13px;
+	}
+}
+
 .form > .form-input-group:last-child {
 	margin-bottom: 0;
 }
@@ -204,6 +210,11 @@ a {
 	color: var(--joplin-url-color);
 }
 
+p.info-text {
+	font-style: italic;
+	color: var(--joplin-color-faded);
+}
+
 /* =========================================================================================
 Component-specific classes
 ========================================================================================= */
@@ -213,8 +224,6 @@ Component-specific classes
 	padding-bottom: 20px;
 }
 
-
-
 .master-password-dialog .dialog-root {
 	min-width: 500px;
 	max-width: 600px;