- Removed React import

- Exported prop from the component
reearth · Aug 31, 2023 · 1fe294d · 1fe294d
1 parent 5e8ecec
commit 1fe294d
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 15 deletions.
diff --git a/web/src/beta/components/Toggle/index.stories.tsx b/web/src/beta/components/Toggle/index.stories.tsx
@@ -1,12 +1,10 @@
 import { useArgs } from "@storybook/preview-api";
 import { Meta, StoryObj } from "@storybook/react";
-import React, { useCallback } from "react";
+import { useCallback } from "react";
 
 import { styled } from "@reearth/services/theme";
 
-import Toggle from ".";
-
-type Props = React.ComponentProps<typeof Toggle>;
+import Toggle, { Props } from ".";
 
 const meta: Meta<typeof Toggle> = {
   component: Toggle,

diff --git a/web/src/beta/components/Toggle/index.tsx b/web/src/beta/components/Toggle/index.tsx
@@ -2,7 +2,7 @@ import { useCallback } from "react";
 
 import { styled } from "@reearth/services/theme";
 
-type Props = {
+export type Props = {
   checked: boolean;
   onChange: (checked: boolean) => void;
   disabled?: boolean;

diff --git a/web/src/beta/components/fields/ToggleField/index.stories.tsx b/web/src/beta/components/fields/ToggleField/index.stories.tsx
@@ -1,12 +1,10 @@
 import { useArgs } from "@storybook/preview-api";
 import { Meta, StoryObj } from "@storybook/react";
-import React, { useCallback } from "react";
+import { useCallback } from "react";
 
 import { styled } from "@reearth/services/theme";
 
-import ToggleField from ".";
-
-type Props = React.ComponentProps<typeof ToggleField>;
+import ToggleField, { Props } from ".";
 
 const meta: Meta<typeof ToggleField> = {
   component: ToggleField,

diff --git a/web/src/beta/components/fields/ToggleField/index.tsx b/web/src/beta/components/fields/ToggleField/index.tsx
@@ -1,11 +1,7 @@
-import React from "react";
-
 import Property from "@reearth/beta/components/fields";
-import Toggle from "@reearth/beta/components/Toggle";
-
-type ToggleProps = React.ComponentProps<typeof Toggle>;
+import Toggle, { Props as ToggleProps } from "@reearth/beta/components/Toggle";
 
-type Props = {
+export type Props = {
   name?: string;
   description?: string;
 } & ToggleProps;