Mirrors/notesnook
1
0
Fork 0
mirror of https://github.com/streetwriters/notesnook.git synced 2025-12-29 00:20:04 +01:00
Code Issues Packages Projects Releases Wiki Activity

web: show tags in readonly mode

Browse Source
This commit is contained in:
Abdullah Atta
2023-11-17 08:31:46 +05:00
committed by Abdullah Atta
parent e557047af1
commit 4627a58a52
1 changed files with 16 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
apps/web/src/components/editor/header.tsx
View File

@@ -39,7 +39,7 @@ function Header(props: HeaderProps) {
return (
<>
{!readonly && id && (
{id && (
<Flex
sx={{ lineHeight: 2.5, alignItems: "center", flexWrap: "wrap" }}
data-test-id="tags"
@@ -55,19 +55,21 @@ function Header(props: HeaderProps) {
styles={{ container: { mr: 1 }, text: { fontSize: "body" } }}
/>
))}
<Autosuggest
sessionId={id}
filter={(query) =>
db.lookup?.tags(filterableTags, query).slice(0, 10) || []
}
onAdd={(value) => setTag(value)}
onSelect={(item) => setTag(item.title)}
onRemove={() => {
if (tags.length <= 0) return;
setTag(tags[tags.length - 1]);
}}
defaultItems={filterableTags?.slice(0, 10) || []}
/>
{!readonly && (
<Autosuggest
sessionId={id}
filter={(query) =>
db.lookup?.tags(filterableTags, query).slice(0, 10) || []
}
onAdd={(value) => setTag(value)}
onSelect={(item) => setTag(item.title)}
onRemove={() => {
if (tags.length <= 0) return;
setTag(tags[tags.length - 1]);
}}
defaultItems={filterableTags?.slice(0, 10) || []}
/>
)}
</Flex>
)}
</>