Migrated Storybook notation from CSF2 to CSF3 (#487)

* Migrate common directory to CSF3 notation

* Migrate InstalledPackages directory to CSF3 notation

* Migrate modal directory to CSF3 notation

* Migrate repository directory to CSF3 notation

* Migrate others components to CSF3 notation

* Fix lint error in repository directory
This commit is contained in:
kame
2023-11-02 03:11:57 +09:00
committed by GitHub
parent f465c83c07
commit de1915e1c2
23 changed files with 415 additions and 467 deletions

View File

@@ -1,60 +1,54 @@
// InstalledPackagesList.stories.ts|tsx
import { ComponentStory, ComponentMeta } from "@storybook/react";
import { Meta } from "@storybook/react";
import InstalledPackagesList from "./InstalledPackagesList";
//👇 This default export determines where your story goes in the story list
export default {
const meta = {
/* 👇 The title prop is optional.
* See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
* to learn how to generate automatic titles
*/
title: "InstalledPackagesList",
component: InstalledPackagesList,
} as ComponentMeta<typeof InstalledPackagesList>;
} satisfies Meta<typeof InstalledPackagesList>;
//👇 We create a “template” of how args map to rendering
const Template: ComponentStory<typeof InstalledPackagesList> = (args) => (
<InstalledPackagesList {...args} />
);
export default meta;
export const Default = Template.bind({});
Default.args = {
installedReleases: [
{
id: "",
name: "",
namespace: "",
revision: 1,
updated: "",
status: "",
chart: "",
chart_name: "",
chart_ver: "",
app_version: "",
icon: "",
description: "",
has_tests: false,
chartName: "", // duplicated in some cases in the backend, we need to resolve this
chartVersion: "", // duplicated in some cases in the
},
{
id: "",
name: "",
namespace: "",
revision: 1,
updated: "",
status: "",
chart: "",
chart_name: "",
chart_ver: "",
app_version: "",
icon: "",
description: "",
has_tests: false,
chartName: "", // duplicated in some cases in the backend, we need to resolve this
chartVersion: "", // duplicated in some cases in the
},
],
export const Default = {
args: {
installedReleases: [
{
id: "",
name: "",
namespace: "",
revision: 1,
updated: "",
status: "",
chart: "",
chart_name: "",
chart_ver: "",
app_version: "",
icon: "",
description: "",
has_tests: false,
chartName: "", // duplicated in some cases in the backend, we need to resolve this
chartVersion: "", // duplicated in some cases in the
},
{
id: "",
name: "",
namespace: "",
revision: 1,
updated: "",
status: "",
chart: "",
chart_name: "",
chart_ver: "",
app_version: "",
icon: "",
description: "",
has_tests: false,
chartName: "", // duplicated in some cases in the backend, we need to resolve this
chartVersion: "", // duplicated in some cases in the
},
],
},
};