From b8a521342c4a13b318839014aaca8f503cf2bc8f Mon Sep 17 00:00:00 2001 From: JimmFly Date: Fri, 23 Dec 2022 16:34:25 +0800 Subject: [PATCH] feat: placeholder adapts to the public state --- packages/app/src/components/quick-search/footer.tsx | 2 +- packages/app/src/components/quick-search/index.tsx | 2 +- packages/app/src/components/quick-search/input.tsx | 8 +++++++- packages/app/src/components/quick-search/results.tsx | 2 +- 4 files changed, 10 insertions(+), 4 deletions(-) diff --git a/packages/app/src/components/quick-search/footer.tsx b/packages/app/src/components/quick-search/footer.tsx index 5c2b637458..7b3f07fcfe 100644 --- a/packages/app/src/components/quick-search/footer.tsx +++ b/packages/app/src/components/quick-search/footer.tsx @@ -2,7 +2,7 @@ import React from 'react'; import { AddIcon } from '@blocksuite/icons'; import { StyledModalFooterContent } from './style'; import { useModal } from '@/providers/global-modal-provider'; -import { useAppState } from '@/providers/app-state-provider/context'; +import { useAppState } from '@/providers/app-state-provider'; import { Command } from 'cmdk'; import { usePageHelper } from '@/hooks/use-page-helper'; diff --git a/packages/app/src/components/quick-search/index.tsx b/packages/app/src/components/quick-search/index.tsx index 85753a59f0..28908d2147 100644 --- a/packages/app/src/components/quick-search/index.tsx +++ b/packages/app/src/components/quick-search/index.tsx @@ -13,7 +13,7 @@ import { Command } from 'cmdk'; import { useEffect, useState } from 'react'; import { useModal } from '@/providers/global-modal-provider'; import { getUaHelper } from '@/utils'; -import { useAppState } from '@/providers/app-state-provider/context'; +import { useAppState } from '@/providers/app-state-provider'; type TransitionsModalProps = { open: boolean; onClose: () => void; diff --git a/packages/app/src/components/quick-search/input.tsx b/packages/app/src/components/quick-search/input.tsx index 8e68afc386..208783fae5 100644 --- a/packages/app/src/components/quick-search/input.tsx +++ b/packages/app/src/components/quick-search/input.tsx @@ -8,6 +8,7 @@ import React, { import { SearchIcon } from '@blocksuite/icons'; import { StyledInputContent, StyledLabel } from './style'; import { Command } from 'cmdk'; +import { useAppState } from '@/providers/app-state-provider'; export const Input = (props: { query: string; setQuery: Dispatch>; @@ -16,6 +17,11 @@ export const Input = (props: { const [isComposition, setIsComposition] = useState(false); const [inputValue, setInputValue] = useState(''); const inputRef = useRef(null); + const { currentWorkspaceId, workspacesMeta, currentWorkspace } = + useAppState(); + const isPublic = workspacesMeta.find( + meta => String(meta.id) === String(currentWorkspaceId) + )?.public; useEffect(() => { inputRef.current?.addEventListener( 'blur', @@ -73,7 +79,7 @@ export const Input = (props: { } } }} - placeholder="Quick Search..." + placeholder={isPublic ? currentWorkspace?.meta.name : 'Quick Search...'} /> ); diff --git a/packages/app/src/components/quick-search/results.tsx b/packages/app/src/components/quick-search/results.tsx index 4838577270..2a99e389ff 100644 --- a/packages/app/src/components/quick-search/results.tsx +++ b/packages/app/src/components/quick-search/results.tsx @@ -3,7 +3,7 @@ import { StyledListItem, StyledNotFound } from './style'; import { useModal } from '@/providers/global-modal-provider'; import { PaperIcon, EdgelessIcon } from '@blocksuite/icons'; import { Dispatch, SetStateAction, useEffect, useState } from 'react'; -import { useAppState } from '@/providers/app-state-provider/context'; +import { useAppState } from '@/providers/app-state-provider'; import { useRouter } from 'next/router'; import { config } from './config'; import { NoResultSVG } from './noResultSVG';