Experiments with Storybook.

victronenergy · Sep 11, 2023 · 117d9d5 · 117d9d5
1 parent 2fe1c0a
commit 117d9d5
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 8 deletions.
diff --git a/src/app/Marine2/components/boxes/BatteriesOverview/BatteriesOverview.mdx b/src/app/Marine2/components/boxes/BatteriesOverview/BatteriesOverview.mdx
@@ -5,4 +5,6 @@ import { Meta, Title } from "@storybook/blocks";
 
 <Title />
 
-## This component is not **__"Storybook-ready"__**
+## Overview of multiple battery components ##
+<br />
+> __Data:__ static
diff --git a/src/app/Marine2/components/boxes/BatteriesOverview/BatteriesOverview.stories.tsx b/src/app/Marine2/components/boxes/BatteriesOverview/BatteriesOverview.stories.tsx
@@ -7,8 +7,8 @@ const meta: Meta<typeof BatteriesOverview> = {
   component: BatteriesOverview,
   decorators: [
     (Story) => (
-      <MainLayout title="FAKE TITLE MAIN LAYOUT">
-        <Story />
+      <MainLayout title="Storybook">
+        <Story  globals={Story}/>
       </MainLayout>
     )
   ]

diff --git a/src/app/Marine2/components/boxes/Battery/Battery.mdx b/src/app/Marine2/components/boxes/Battery/Battery.mdx
@@ -6,3 +6,7 @@ import { Meta, Title } from "@storybook/blocks";
 <Title />
 
 ## Displays a Battery box
+
+<br />
+
+> __Data:__ static
diff --git a/src/app/Marine2/components/boxes/Battery/Battery.tsx b/src/app/Marine2/components/boxes/Battery/Battery.tsx
@@ -58,7 +58,6 @@ const Battery = ({ battery }: Props) => {
 
   const [boxSize, setBoxSize] = useState<{ width: number; height: number }>({ width: 0, height: 0 })
 
-
   const isSimpleBattery = !(state || state === 0)
 
   if (isSimpleBattery) {

diff --git a/src/app/Marine2/components/boxes/Charger/Charger.tsx b/src/app/Marine2/components/boxes/Charger/Charger.tsx
@@ -16,7 +16,6 @@ import RadioButton from "../../ui/RadioButton"
 import DeviceSettingModal from "../../ui/DeviceSettingModal/DeviceSettingModal"
 import ValueOverview from "../../ui/ValueOverview"
 
-/** Component niet Storybook ready */
 const Charger = ({ instanceId, componentMode = "compact", compactBoxSize }: Props) => {
   const chargerModeFormatter = (value: number) => {
     switch (value) {
@@ -59,9 +58,6 @@ const Charger = ({ instanceId, componentMode = "compact", compactBoxSize }: Prop
     setModeForSubmission(Number(mode))
   }, [mode])
 
-
-  console.log('Hallo Charger!', mode, currentLimit, instanceId)
-
   const closeModeModal = () => {
     setIsModeModalOpen(false)
     setModeForSubmission(Number(mode))

diff --git a/src/app/Marine2/components/boxes/EnergyAC/EnergyAC.tsx b/src/app/Marine2/components/boxes/EnergyAC/EnergyAC.tsx
@@ -6,6 +6,7 @@ import ValueBox from "../../ui/ValueBox"
 import ValueOverview from "../../ui/ValueOverview"
 
 const EnergyAC = ({ mode = "compact", acLoads, compactBoxSize }: Props) => {
+
   const { current, power, phases, voltage } = acLoads
 
   const totalPower = power.reduce((total, power) => (power ? total + power : total))
Original file line number	Diff line number	Diff line change
Expand Up		@@ -58,7 +58,6 @@ const Battery = ({ battery }: Props) => {

		const [boxSize, setBoxSize] = useState<{ width: number; height: number }>({ width: 0, height: 0 })


		const isSimpleBattery = !(state \|\| state === 0)

		if (isSimpleBattery) {
Expand Down