diff --git a/.storybook/stories/config-pages/LocalFooter.stories.tsx b/.storybook/stories/config-pages/LocalFooter.stories.tsx index 2baddb5..94772de 100644 --- a/.storybook/stories/config-pages/LocalFooter.stories.tsx +++ b/.storybook/stories/config-pages/LocalFooter.stories.tsx @@ -1,10 +1,9 @@ import type {Meta, StoryObj} from '@storybook/react'; - import LocalFooter from "@components/config-pages/local-footer"; import {ComponentProps} from "react"; type ComponentStoryProps = ComponentProps & { - numberoflinks: number + numberOfLinks: number } // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction @@ -19,7 +18,7 @@ const meta: Meta = { control: {type: "select"} }, suFooterEnabled: {control: "boolean"}, - numberoflinks: { + numberOfLinks: { control: { type: 'number', min: 1, @@ -34,22 +33,18 @@ type Story = StoryObj; // More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args export const LocalFooterDisplay: Story = { + render: ({numberOfLinks, ...args}) => { + const linkList = [] + for (let i=0; i< numberOfLinks; i++) { + linkList.push("Primary Link") + } + return + }, args: { suFooterEnabled: true, // Action links - numberoflinks: 3, - suLocalFootAction: [ - { - title: "Action link 1", - url: "https://localhost", - internal: false - }, - { - title: "Action link 2", - url: "https://localhost", - internal: false - } - ], + numberOfLinks: 3, + suLocalFootAction: [], // Office location suLocalFootAddress: { additionalName: "Additional Organization Name", diff --git a/.storybook/stories/paragraphs/Gallery.stories.tsx b/.storybook/stories/paragraphs/Gallery.stories.tsx index 872c26e..b15aada 100644 --- a/.storybook/stories/paragraphs/Gallery.stories.tsx +++ b/.storybook/stories/paragraphs/Gallery.stories.tsx @@ -4,7 +4,7 @@ import GalleryParagraph from '@components/paragraphs/stanford-gallery/gallery-pa import { getStoryBookGalleryImage } from '../storybook-entities'; type ComponentStoryProps = ComponentProps & { - numberofimages: number + numberOfImages: number } // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction @@ -13,7 +13,7 @@ const meta: Meta = { component: GalleryParagraph, tags: ['autodocs'], argTypes: { - numberofimages: { + numberOfImages: { control: { type: 'number', min: 1, @@ -28,15 +28,15 @@ type Story = StoryObj; // More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args export const Gallery: Story = { - render: ({numberofimages, paragraph, ...args}) => { + render: ({numberOfImages, paragraph, ...args}) => { paragraph.suGalleryImages = [] - for (let i = 0; i < numberofimages; i++) { + for (let i = 0; i < numberOfImages; i++) { paragraph.suGalleryImages.push(getStoryBookGalleryImage(undefined, 'Lorem Ipsum')) } return }, args: { - numberofimages: 3, + numberOfImages: 3, paragraph:{ __typename: 'ParagraphStanfordGallery', composition: {},