5380: rename and css import

Author: Sine Jespersen

base.scss

@@ -46,6 +46,8 @@
 @import "./src/stories/Library/Modals/modal-text/modal-text";
 @import "./src/stories/Library/Modals/modal-pause/modal-pause";
 @import "./src/stories/Library/material-page/material-page";
+@import "./src/stories/Library/toggle-button/toggle-button";
+@import "./src/stories/Library/pause-reservation/pause-reservation";
 @import "./src/stories/Library/material-header/material-header";
 @import "./src/stories/Library/material-header/material-periodikum-select";
 @import "./src/stories/Library/material-description/material-description";

src/stories/Library/pause-reservation-component/PauseReservationComponent.stories.tsx

@@ -0,0 +1,24 @@
+import { ComponentMeta, ComponentStory } from "@storybook/react";
+import { withDesign } from "storybook-addon-designs";
+import { PauseReservation } from "./PauseReservation";
+
+export default {
+  title: "Library / Pause reservation",
+  component: PauseReservation,
+  decorators: [withDesign],
+  argTypes: {
+    isChecked: {
+      defaultValue: true,
+    },
+  },
+  parameters: {},
+} as ComponentMeta<typeof PauseReservation>;
+
+const Template: ComponentStory<typeof PauseReservation> = (args) => (
+  <PauseReservation {...args} />
+);
+
+export const PauseReservationExample = Template.bind({});
+PauseReservationExample.args = {
+  isChecked: false,
+};

src/stories/Library/pause-reservation/PauseReservation.stories.tsx

@@ -1,12 +1,10 @@
-import { ToggleButton } from "../toggle-button/ToggleButton.stories";
+import ToggleButton from "../toggle-button/ToggleButton";
 
-export type PauseReservationComponentProps = {
+export type PauseReservationProps = {
   isChecked: boolean;
 };
 
-export const PauseReservationComponent = ({
-  isChecked,
-}: PauseReservationComponentProps) => {
+export const PauseReservation = ({ isChecked }: PauseReservationProps) => {
   return (
     <div className="dpl-pause-reservation-component">
       <div className="dpl-pause-reservation-component__pagefold" />

src/stories/Library/pause-reservation-component/PauseReservationComponent.tsx renamed to src/stories/Library/pause-reservation/PauseReservation.tsx

@@ -1,24 +1,24 @@
 import { ComponentMeta, ComponentStory } from "@storybook/react";
 import { withDesign } from "storybook-addon-designs";
-import { ToggleButton as ToggleButtonSB } from "./ToggleButton";
+import ToggleButton from "./ToggleButton";
 
 export default {
   title: "Library / Toggle button",
-  component: ToggleButtonSB,
+  component: ToggleButton,
   decorators: [withDesign],
   argTypes: {
     isChecked: {
       defaultValue: false,
     },
   },
   parameters: {},
-} as ComponentMeta<typeof ToggleButtonSB>;
+} as ComponentMeta<typeof ToggleButton>;
 
-const Template: ComponentStory<typeof ToggleButtonSB> = (args) => (
-  <ToggleButtonSB {...args} />
+const Template: ComponentStory<typeof ToggleButton> = (args) => (
+  <ToggleButton {...args} />
 );
 
-export const ToggleButton = Template.bind({});
-ToggleButton.args = {
+export const ToggleButtonExample = Template.bind({});
+ToggleButtonExample.args = {
   isChecked: false,
 };