[WEB-4879] refactor: organize stories and remove logs #7765

This commit is contained in:
Jayash Tripathy 2025-09-18 20:13:54 +05:30 committed by GitHub
parent e26c506cf9
commit f59e557be1
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 6 additions and 7 deletions

View file

@ -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",

View file

@ -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>}

View file

@ -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",

View file

@ -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",