2021-07-08 09:09:33 +00:00
|
|
|
import ProjectAvatar from './project_avatar.vue';
|
|
|
|
|
|
|
|
export default {
|
|
|
|
component: ProjectAvatar,
|
2022-08-31 12:13:01 +00:00
|
|
|
title: 'vue_shared/project_avatar',
|
2021-07-08 09:09:33 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
const Template = (args, { argTypes }) => ({
|
|
|
|
components: { ProjectAvatar },
|
|
|
|
props: Object.keys(argTypes),
|
|
|
|
template: '<project-avatar v-bind="$props" />',
|
|
|
|
});
|
|
|
|
|
|
|
|
export const Default = Template.bind({});
|
|
|
|
Default.args = {
|
2022-08-23 18:11:55 +00:00
|
|
|
projectAvatarUrl: 'https://gitlab.com/uploads/-/system/project/avatar/278964/project_avatar.png',
|
2021-07-08 09:09:33 +00:00
|
|
|
projectName: 'GitLab',
|
|
|
|
};
|
|
|
|
|
|
|
|
export const FallbackAvatar = Template.bind({});
|
|
|
|
FallbackAvatar.args = {
|
|
|
|
projectName: 'GitLab',
|
|
|
|
};
|
|
|
|
|
|
|
|
export const EmptyAltTag = Template.bind({});
|
|
|
|
EmptyAltTag.args = {
|
|
|
|
...Default.args,
|
|
|
|
alt: '',
|
|
|
|
};
|