1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-02 14:15:06 +01:00
metamask-extension/ui/components/app/flask/snaps-authorship-pill/snaps-authorship-pill.stories.js
Hassan Malik 79867bcebe
Adding snaps authorship pill (#12740)
* added npm icon

* added snaps-authorship-pill component and story

* updated npm icon

* added classname

* added comments

* changed label to an h7

* updated default label, removed unnecessary font-weight prop

* moved npm icon to flask/icons and added storybook file

* added hover/focus logic

* updated hover logic

* updated hover logic

* added authorship pill scss to app-components, removed unnecessary handlers

* removed npm icon, added font-awesome icon, added font-awesome brands to scss imports

* removed icons directory, updated scss file to use the proper color for npm icon, updated component with correct size and added class to change color

* fixed linter errors

* added link to pill and its story, changed title of story

* changed link to open in new tab, moved classname to root element and made it inline-block

* fixed proptype comment

* fixed linter error
2021-12-01 17:45:55 -05:00

26 lines
530 B
JavaScript

import React from 'react';
import SnapsAuthorshipPill from '.';
export default {
title: 'Components/App/Flask/SnapsAuthorshipPill',
id: __filename,
component: SnapsAuthorshipPill,
argTypes: {
packageName: {
control: 'text',
},
url: {
control: 'text',
},
},
};
export const DefaultStory = (args) => <SnapsAuthorshipPill {...args} />;
DefaultStory.storyName = 'Default';
DefaultStory.args = {
packageName: 'npm-package-name',
url: 'https://www.npmjs.com/package/@airswap/protocols',
};