github.com/turbot/steampipe@v1.7.0-rc.0.0.20240517123944-7cef272d4458/ui/dashboard/src/components/ErrorMessage/index.stories.js (about)

     1  import ErrorMessage from "./index";
     2  
     3  const story = {
     4    title: "Utilities/Error Message",
     5    component: ErrorMessage,
     6  };
     7  
     8  export default story;
     9  
    10  const Template = (args) => <ErrorMessage {...args} />;
    11  
    12  export const NoError = Template.bind({});
    13  NoError.args = {
    14    error: null,
    15  };
    16  
    17  export const CustomFallback = Template.bind({});
    18  CustomFallback.args = {
    19    error: {},
    20    fallbackMessage: "I am a fallback message!",
    21  };
    22  
    23  export const StringError = Template.bind({});
    24  StringError.args = {
    25    error: "Something went wrong!",
    26  };
    27  
    28  export const ErrorObjectLowerCaseErrorMessage = Template.bind({});
    29  ErrorObjectLowerCaseErrorMessage.args = {
    30    error: { message: "Something went wrong!" },
    31  };
    32  
    33  export const ErrorObjectUpperCaseErrorMessage = Template.bind({});
    34  ErrorObjectUpperCaseErrorMessage.args = {
    35    error: { Message: "Something went wrong!" },
    36  };
    37  
    38  export const ErrorObjectNoErrorMessage = Template.bind({});
    39  ErrorObjectNoErrorMessage.args = {
    40    error: { some: "value" },
    41  };
    42  
    43  export const UnknownErrorObject = Template.bind({});
    44  UnknownErrorObject.args = {
    45    error: 12,
    46  };