Skip to content

feat: added storybook ui components - #434

Open
Ishaan28malik wants to merge 7 commits into
developfrom
feature/storybook-updates
Open

feat: added storybook ui components#434
Ishaan28malik wants to merge 7 commits into
developfrom
feature/storybook-updates

Conversation

@Ishaan28malik

Copy link
Copy Markdown
Contributor

UI storybook added for missing and new components

@changeset-bot

changeset-bot Bot commented Apr 6, 2024

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 10b7e3b

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 4 packages
Name Type
@cypherock/cysync-ui Patch
@cypherock/cysync-desktop Patch
@cypherock/cysync-core Patch
@cypherock/cysync-desktop-ui Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@Ishaan28malik Ishaan28malik self-assigned this Apr 6, 2024
Comment thread packages/ui/src/stories/atoms/Chip.stories.tsx Outdated
Comment thread packages/ui/src/stories/atoms/Chip.stories.tsx
Comment thread packages/ui/src/stories/atoms/Container.stories.tsx
Comment thread packages/ui/src/stories/atoms/Container.stories.tsx Outdated
Comment thread packages/ui/src/stories/atoms/Divider.stories.tsx
Comment on lines +36 to +47
lock: () => {
console.log('Lock action');
},
toggleDiscreetMode: () => {
console.log('Toggling discreet mode');
},
onNotificationClick: () => {
console.log('Notification clicked');
},
onSyncClick: () => {
console.log('Sync clicked');
},

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

UI does not look good.

image

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This wasn't done from my end @irshadCypherock

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Done

Comment thread packages/ui/src/stories/molecules/send/FeesInput.stories.tsx
Comment on lines +14 to +21
export const Default: Story = {
args: {
overrideDecimal: undefined,
error: undefined,
value: 2,
captions: [],
},
};

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Slider does not work

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Done

Comment on lines +14 to +16
export const Default: Story = {
args: {},
};

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pass required props

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Done

Comment on lines +14 to +19
export const Default: Story = {
args: {
text: 'Placeholder',
value: true,
},
};

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pass required props

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

done

Comment on lines +14 to +20
export const Default: Story = {
args: {
margin: undefined,
leftComponent: undefined,
rightComponent: undefined,
},
};

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This displays empty component

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Now it is appearing
image


export const Default: Story = {
args: {
value: '10',

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Missing argument: postfixText

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

added

Comment on lines +13 to +21
let address = 'Noida, Delhi';
export const Default: Story = {
args: {
value: address,
onChange: newAddress => {
address = newAddress;
},
},
};

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cannot change input

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Fixed

Comment on lines +13 to +22
let toggleValue = true;
export const Default: Story = {
args: {
text: 'Placeholder',
value: toggleValue,
onChange: newToggleValue => {
toggleValue = newToggleValue;
},
},
};

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Toggle does not work

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Fixed

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants