UniqAI/hexabot
1
0
Fork 0
mirror of https://github.com/hexastack/hexabot synced 2025-05-28 09:09:04 +00:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

fix: custom plugins displayed sorted

Browse Source
This commit is contained in:
abdou6666 2025-03-28 10:11:24 +01:00
parent fd709ff6d4
commit 8077263ecf
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/components/visual-editor/CustomBlocks.tsx
View File

@ -1,5 +1,5 @@
/* /*
* Copyright © 2024 Hexastack. All rights reserved. * Copyright © 2025 Hexastack. All rights reserved.
* *
* Licensed under the GNU Affero General Public License v3.0 (AGPLv3) with the following additional terms: * Licensed under the GNU Affero General Public License v3.0 (AGPLv3) with the following additional terms:
* 1. The name "Hexabot" is a trademark of Hexastack. You may not use this name in derivative works without express written permission. * 1. The name "Hexabot" is a trademark of Hexastack. You may not use this name in derivative works without express written permission.
@ -7,6 +7,7 @@
*/ */
import { Grid } from "@mui/material"; import { Grid } from "@mui/material";
import { useMemo } from "react";
import PluginIcon from "@/app-components/svg/toolbar/PluginIcon"; import PluginIcon from "@/app-components/svg/toolbar/PluginIcon";
import { useFind } from "@/hooks/crud/useFind"; import { useFind } from "@/hooks/crud/useFind";
@ -17,18 +18,22 @@ import { Block, StyledTitle } from "./Aside";
export const CustomBlocks = () => { export const CustomBlocks = () => {
const { t } = useTranslate(); const { t } = useTranslate();
const { data: customBlocks } = useFind( const { data: customBlocks = [] } = useFind(
{ entity: EntityType.CUSTOM_BLOCK }, { entity: EntityType.CUSTOM_BLOCK },
{ hasCount: false }, { hasCount: false },
); );
const memoizedCustomBlock = useMemo(
() => customBlocks.sort((a, b) => a.id.localeCompare(b.id)),
[customBlocks],
);
return customBlocks?.length ? ( return memoizedCustomBlock.length ? (
<> <>
<Grid mb="2"> <Grid mb="2">
<StyledTitle>{t("title.custom_blocks")}</StyledTitle> <StyledTitle>{t("title.custom_blocks")}</StyledTitle>
</Grid> </Grid>
<Grid container> <Grid container>
{customBlocks?.map((customBlock) => ( {memoizedCustomBlock.map((customBlock) => (
<Block <Block
key={customBlock.id} key={customBlock.id}
title={t(`title.${customBlock.namespace}`, { title={t(`title.${customBlock.namespace}`, {