Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-12 12:28:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix lint format

Browse Source
This commit is contained in:
DiamondThree
2022-07-27 21:30:32 +08:00
parent 6df271f003
commit 3d99479938
1 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
libs/components/editor-plugins/src/menu/command-menu/Container.tsx
View File

@@ -50,7 +50,7 @@ export const CommandMenuContainer = ({
>();
const [needCheckIntoView, setNeedCheckIntoView] = useState<boolean>(false);
const current_category = useMemo(
const currentCategory = useMemo(
() =>
(Object.entries(menuItemsMap).find(
([, infos]) =>
@@ -62,23 +62,23 @@ export const CommandMenuContainer = ({
useEffect(() => {
if (needCheckIntoView) {
if (currentItem && menuRef.current) {
const item_ele =
const itemEle =
menuRef.current.querySelector<HTMLButtonElement>(
`.item-${currentItem}`
);
const scroll_ele =
const scrollEle =
menuRef.current.querySelector<HTMLButtonElement>(
`.${commonListContainer}`
);
if (item_ele) {
const itemRect = domToRect(item_ele);
const scrollRect = domToRect(scroll_ele);
if (itemEle) {
const itemRect = domToRect(itemEle);
const scrollRect = domToRect(scrollEle);
if (
itemRect.top < scrollRect.top ||
itemRect.bottom > scrollRect.bottom
) {
// IMP: may be do it with self function
item_ele.scrollIntoView({
itemEle.scrollIntoView({
block: 'nearest',
});
}
@@ -195,17 +195,17 @@ export const CommandMenuContainer = ({
...(blocks || []),
...Object.entries(menuItemsMap).flatMap(
([category, items], idx, all) => {
let render_separator = false;
let renderSeparator = false;
const lines: CommonListItem[] = items
.filter(item => types.includes(item.type))
.map(item => {
const { text, type, icon } = item;
render_separator = true;
renderSeparator = true;
return {
content: { id: type, content: text, icon },
};
});
if (render_separator && idx !== all.length - 1) {
if (renderSeparator && idx !== all.length - 1) {
lines.push({ divider: category });
}
return lines;
@@ -223,7 +223,7 @@ export const CommandMenuContainer = ({
>
<div className={styles('contentContainer')}>
<MenuCategories
currentCategories={current_category}
currentCategories={currentCategory}
onSetCategories={handleSetCategories}
categories={categories}
/>