diff --git a/public/assets/no_data_dark.png b/public/assets/no_data_dark.png deleted file mode 100644 index a3aa3852..00000000 Binary files a/public/assets/no_data_dark.png and /dev/null differ diff --git a/public/assets/no_data_light.png b/public/assets/no_data_light.png deleted file mode 100644 index 0359a69d..00000000 Binary files a/public/assets/no_data_light.png and /dev/null differ diff --git a/src/components/Common/NoDataImage.tsx b/src/components/Common/NoDataImage.tsx index e0c9d425..313459c3 100644 --- a/src/components/Common/NoDataImage.tsx +++ b/src/components/Common/NoDataImage.tsx @@ -1,17 +1,131 @@ import { useThemeStore } from "@/stores/themeStore"; -import clsx from "clsx"; -import { FC, HTMLAttributes } from "react"; +import { FC, useMemo } from "react"; -const NoDataImage: FC> = (props) => { - const { className } = props; +interface NoDataImageProps { + size?: number; +} + +const NoDataImage: FC = (props) => { + const { size } = props; const isDark = useThemeStore((state) => state.isDark); + const color = useMemo(() => { + return isDark ? "#666" : "#bbb"; + }, [isDark]); + return ( - + + 编组 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); };