feat: add shared page empty tip (#2077)
Co-authored-by: himself65 <himself65@outlook.com>
This commit is contained in:
@@ -1,6 +1,7 @@
|
|||||||
import { Tooltip } from '@affine/component';
|
import { Tooltip } from '@affine/component';
|
||||||
|
import { getEnvironment } from '@affine/env';
|
||||||
import { useTranslation } from '@affine/i18n';
|
import { useTranslation } from '@affine/i18n';
|
||||||
import { useCallback, useState } from 'react';
|
import { useCallback, useEffect, useState } from 'react';
|
||||||
|
|
||||||
import {
|
import {
|
||||||
useGuideHidden,
|
useGuideHidden,
|
||||||
@@ -29,12 +30,23 @@ export const SidebarSwitch = ({
|
|||||||
const [guideHiddenUntilNextUpdate, setGuideHiddenUntilNextUpdate] =
|
const [guideHiddenUntilNextUpdate, setGuideHiddenUntilNextUpdate] =
|
||||||
useGuideHiddenUntilNextUpdate();
|
useGuideHiddenUntilNextUpdate();
|
||||||
const { t } = useTranslation();
|
const { t } = useTranslation();
|
||||||
|
const checkIsMac = () => {
|
||||||
|
const env = getEnvironment();
|
||||||
|
return env.isBrowser && env.isMacOs;
|
||||||
|
};
|
||||||
|
const [isMac, setIsMac] = useState(false);
|
||||||
|
const collapseKeyboardShortcuts = isMac ? ' ⌘+/' : ' Ctrl+/';
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
setIsMac(checkIsMac());
|
||||||
|
}, []);
|
||||||
|
|
||||||
tooltipContent =
|
tooltipContent =
|
||||||
tooltipContent || (open ? t('Collapse sidebar') : t('Expand sidebar'));
|
tooltipContent || (open ? t('Collapse sidebar') : t('Expand sidebar'));
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Tooltip
|
<Tooltip
|
||||||
content={tooltipContent}
|
content={tooltipContent + ' ' + collapseKeyboardShortcuts}
|
||||||
placement="right"
|
placement="right"
|
||||||
zIndex={1000}
|
zIndex={1000}
|
||||||
visible={tooltipVisible}
|
visible={tooltipVisible}
|
||||||
|
|||||||
@@ -15,6 +15,9 @@ export const PageListEmpty = (props: { listType?: string }) => {
|
|||||||
if (listType === 'trash') {
|
if (listType === 'trash') {
|
||||||
return t('emptyTrash');
|
return t('emptyTrash');
|
||||||
}
|
}
|
||||||
|
if (listType === 'shared') {
|
||||||
|
return t('emptySharedPages');
|
||||||
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|||||||
@@ -94,6 +94,7 @@ export const WorkSpaceSliderBar: React.FC<WorkSpaceSliderBarProps> = ({
|
|||||||
const [isScrollAtTop, setIsScrollAtTop] = useState(true);
|
const [isScrollAtTop, setIsScrollAtTop] = useState(true);
|
||||||
const show = isPublicWorkspace ? false : sidebarOpen;
|
const show = isPublicWorkspace ? false : sidebarOpen;
|
||||||
const actualWidth = floatingSlider ? 'calc(10vw + 400px)' : sliderWidth;
|
const actualWidth = floatingSlider ? 'calc(10vw + 400px)' : sliderWidth;
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (environment.isDesktop) {
|
if (environment.isDesktop) {
|
||||||
window.apis?.onSidebarVisibilityChange(sidebarOpen);
|
window.apis?.onSidebarVisibilityChange(sidebarOpen);
|
||||||
|
|||||||
@@ -114,6 +114,7 @@
|
|||||||
"Got it": "Got it",
|
"Got it": "Got it",
|
||||||
"emptyAllPages": "This workspace is empty. Create a new page to begin editing.",
|
"emptyAllPages": "This workspace is empty. Create a new page to begin editing.",
|
||||||
"emptyTrash": "Deleted pages will appear here.",
|
"emptyTrash": "Deleted pages will appear here.",
|
||||||
|
"emptySharedPages": "Shared pages will appear here.",
|
||||||
"still designed": "(This page is still being designed.)",
|
"still designed": "(This page is still being designed.)",
|
||||||
"My Workspaces": "My Workspaces",
|
"My Workspaces": "My Workspaces",
|
||||||
"Tips": "Tips: ",
|
"Tips": "Tips: ",
|
||||||
|
|||||||
Reference in New Issue
Block a user