@allurereport/web-summary 3.0.0 → 3.1.0

package/src/components/EmptyPlaceholder/index.tsx

@@ -10,13 +10,7 @@ export const EmptyPlaceholder: FunctionalComponent<EmptyPlaceholderProps> = ({ l
   return (
     <div className={styles["empty-placeholder"]}>
       <div className={styles["empty-placeholder-wrapper"]}>
-        <SvgIcon
-          size={"m"}
-          width={"32px"}
-          height={"32px"}
-          id={allureIcons.lineDevCodeSquare}
-          className={styles["empty-placeholder-icon"]}
-        />
+        <SvgIcon size={"xl"} id={allureIcons.lineDevCodeSquare} className={styles["empty-placeholder-icon"]} />
         <Text className={styles["empty-placeholder-text"]}>{label}</Text>
       </div>
     </div>

package/src/components/ThemeButton/index.tsx

@@ -1,20 +1,9 @@
-import { IconButton, allureIcons } from "@allurereport/web-components";
-import { useEffect } from "preact/hooks";
-import { getTheme, themeStore, toggleTheme } from "@/stores/theme";
+import { themeStore, toggleUserTheme } from "@allurereport/web-commons";
+import { ThemeButton as UIThemeButton } from "@allurereport/web-components";
+import { computed } from "@preact/signals";
 
-export const ThemeButton = () => {
-  const theme = themeStore.value;
-
-  useEffect(() => {
-    getTheme();
-  }, []);
+const selectedTheme = computed(() => themeStore.value.selected);
 
-  return (
-    <IconButton
-      onClick={toggleTheme}
-      style="ghost"
-      icon={theme === "light" ? allureIcons.lineShapesMoon : allureIcons.lineShapesSun}
-      size="s"
-    />
-  );
+export const ThemeButton = () => {
+  return <UIThemeButton theme={selectedTheme.value} toggleTheme={toggleUserTheme} />;
 };

package/src/index.tsx

@@ -8,7 +8,7 @@ import "@/assets/scss/index.scss";
 import { EmptyPlaceholder } from "@/components/EmptyPlaceholder";
 import { Footer } from "@/components/Footer";
 import { Header } from "@/components/Header";
-import { currentLocale, getLocale, getTheme, useI18n, waitForI18next } from "@/stores";
+import { currentLocale, getLocale, useI18n, waitForI18next } from "@/stores";
 import * as styles from "./styles.scss";
 
 export const currentLocaleIso = computed(() => LANG_LOCALE[currentLocale.value]?.iso ?? LANG_LOCALE.en.iso);
@@ -21,7 +21,6 @@ const App = () => {
 
   useEffect(() => {
     getLocale();
-    getTheme();
     waitForI18next.then(() => {
       setLoaded(true);
     });

package/src/stores/index.ts

@@ -1,2 +1 @@
-export * from "./theme";
 export * from "./locale";