YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-06-05 22:09:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

chore: update some detail styles (#2168)

Browse Source 
* chore: update some detail styls

* chore: update
This commit is contained in:
boojack
2023-08-24 21:52:16 +08:00
committed by GitHub
parent 6c01e84099
commit d3bd3ddab0
12 changed files with 98 additions and 207 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
web/src/components/Memo.tsx
View File

@ -1,4 +1,4 @@
import { Divider, Tooltip } from "@mui/joy";
import { Divider } from "@mui/joy";
import { isEqual, uniqWith } from "lodash-es";
import { memo, useEffect, useRef, useState } from "react";
import { toast } from "react-hot-toast";
@ -31,7 +31,7 @@ interface Props {
}
const Memo: React.FC<Props> = (props: Props) => {
const { memo, showCreator, showFull, showVisibility, showRelatedMemos, lazyRendering } = props;
const { memo, showCreator, showFull, showRelatedMemos, lazyRendering } = props;
const { i18n } = useTranslation();
const t = useTranslate();
const filterStore = useFilterStore();
@ -243,15 +243,6 @@ const Memo: React.FC<Props> = (props: Props) => {
}
};
const handleMemoVisibilityClick = (visibility: Visibility) => {
const currVisibilityQuery = filterStore.getState().visibility;
if (currVisibilityQuery === visibility) {
filterStore.setMemoVisibilityFilter(undefined);
} else {
filterStore.setMemoVisibilityFilter(visibility);
}
};
return (
<>
<div className={`memo-wrapper ${"memos-" + memo.id} ${memo.pinned && !readonly ? "pinned" : ""}`} ref={memoContainerRef}>
@ -271,17 +262,6 @@ const Memo: React.FC<Props> = (props: Props) => {
</Link>
</div>
<div className="btns-container space-x-2">
{showVisibility && memo.visibility !== "PRIVATE" && (
<Tooltip title={t(`memo.visibility.${memo.visibility.toLowerCase() as Lowercase<typeof memo.visibility>}`)} placement="top">
<div onClick={() => handleMemoVisibilityClick(memo.visibility)}>
{memo.visibility === "PUBLIC" ? (
<Icon.Globe2 className="w-4 h-auto cursor-pointer rounded text-green-600" />
) : (
<Icon.Users className="w-4 h-auto cursor-pointer rounded text-gray-500 dark:text-gray-400" />
)}
</div>
</Tooltip>
)}
{memo.pinned && <Icon.Bookmark className="w-4 h-auto rounded text-green-600" />}
{!readonly && (
<>