[WEB-4879] refactor: organize stories and remove logs #7765
This commit is contained in:
parent
e26c506cf9
commit
f59e557be1
4 changed files with 6 additions and 7 deletions
|
|
@ -3,7 +3,7 @@ import type { Meta, StoryObj } from "@storybook/react-vite";
|
||||||
import { AnimatedCounter } from "./animated-counter";
|
import { AnimatedCounter } from "./animated-counter";
|
||||||
|
|
||||||
const meta: Meta<typeof AnimatedCounter> = {
|
const meta: Meta<typeof AnimatedCounter> = {
|
||||||
title: "AnimatedCounter",
|
title: "Components/AnimatedCounter",
|
||||||
component: AnimatedCounter,
|
component: AnimatedCounter,
|
||||||
parameters: {
|
parameters: {
|
||||||
layout: "centered",
|
layout: "centered",
|
||||||
|
|
|
||||||
|
|
@ -1,10 +1,10 @@
|
||||||
import { useState } from "react";
|
import { useState } from "react";
|
||||||
import type { Meta, StoryObj } from "@storybook/react-vite";
|
import type { Meta, StoryObj } from "@storybook/react-vite";
|
||||||
import { EmojiPicker } from "./emoji-picker";
|
import { EmojiPicker } from "./emoji-picker";
|
||||||
import { EmojiIconPickerTypes } from "./helper";
|
import { EmojiIconPickerTypes, TChangeHandlerProps } from "./helper";
|
||||||
|
|
||||||
const meta: Meta<typeof EmojiPicker> = {
|
const meta: Meta<typeof EmojiPicker> = {
|
||||||
title: "EmojiPicker",
|
title: "Components/Emoji/EmojiPicker",
|
||||||
component: EmojiPicker,
|
component: EmojiPicker,
|
||||||
parameters: {
|
parameters: {
|
||||||
layout: "centered",
|
layout: "centered",
|
||||||
|
|
@ -17,7 +17,7 @@ type Story = StoryObj<typeof EmojiPicker>;
|
||||||
|
|
||||||
const EmojiPickerWithState = (args: React.ComponentProps<typeof EmojiPicker>) => {
|
const EmojiPickerWithState = (args: React.ComponentProps<typeof EmojiPicker>) => {
|
||||||
const [isOpen, setIsOpen] = useState(false);
|
const [isOpen, setIsOpen] = useState(false);
|
||||||
const [selectedValue, setSelectedValue] = useState<any>(null);
|
const [selectedValue, setSelectedValue] = useState<TChangeHandlerProps | null>(null);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="space-y-4">
|
<div className="space-y-4">
|
||||||
|
|
@ -27,7 +27,6 @@ const EmojiPickerWithState = (args: React.ComponentProps<typeof EmojiPicker>) =>
|
||||||
handleToggle={setIsOpen}
|
handleToggle={setIsOpen}
|
||||||
onChange={(value) => {
|
onChange={(value) => {
|
||||||
setSelectedValue(value);
|
setSelectedValue(value);
|
||||||
console.log("Selected:", value);
|
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
{selectedValue && <div className="text-sm text-gray-600">Selected: {JSON.stringify(selectedValue, null, 2)}</div>}
|
{selectedValue && <div className="text-sm text-gray-600">Selected: {JSON.stringify(selectedValue, null, 2)}</div>}
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,7 @@ import { stringToEmoji } from "../emoji-icon-picker";
|
||||||
import { EmojiReactionPicker } from "./emoji-reaction-picker";
|
import { EmojiReactionPicker } from "./emoji-reaction-picker";
|
||||||
|
|
||||||
const meta: Meta<typeof EmojiReactionPicker> = {
|
const meta: Meta<typeof EmojiReactionPicker> = {
|
||||||
title: "EmojiReactionPicker",
|
title: "Components/Emoji/EmojiReactionPicker",
|
||||||
component: EmojiReactionPicker,
|
component: EmojiReactionPicker,
|
||||||
parameters: {
|
parameters: {
|
||||||
layout: "centered",
|
layout: "centered",
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@ import type { Meta, StoryObj } from "@storybook/react-vite";
|
||||||
import { EmojiReaction } from "./emoji-reaction";
|
import { EmojiReaction } from "./emoji-reaction";
|
||||||
|
|
||||||
const meta: Meta<typeof EmojiReaction> = {
|
const meta: Meta<typeof EmojiReaction> = {
|
||||||
title: "EmojiReaction",
|
title: "Components/Emoji/EmojiReaction",
|
||||||
component: EmojiReaction,
|
component: EmojiReaction,
|
||||||
parameters: {
|
parameters: {
|
||||||
layout: "centered",
|
layout: "centered",
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue