replace conditional wrapper for conditional rendering #3

	name: Storybook
	on:
	push:
	paths:
	- "*.js"
	- "*.json"
	- "*.yml"
	- "packages/**"
	- ".github/workflows/storybook.yml"

	env:
	NODE_VERSION: 20.x

	permissions:
	contents: write

	jobs:
	build-and-deploy:
	runs-on: ubuntu-latest
	steps:
	- name: Checkout
	uses: actions/checkout@v4

	- name: Use Node.js
	uses: actions/setup-node@v4
	with:
	node-version: ${{ env.NODE_VERSION }}

	- name: Enable corepack
	run: corepack enable

	- name: Get pnpm store directory
	shell: bash
	run: \|
	echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV

	- uses: actions/cache@v4
	name: Setup pnpm cache
	with:
	path: ${{ env.STORE_PATH }}
	key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
	restore-keys: \|
	${{ runner.os }}-pnpm-store-

	- name: Install dependencies
	run: make install

	- name: Generate Storybook
	run: \|
	make storybook-build

	- name: Deploy to GitHub pages
	uses: JamesIves/github-pages-deploy-action@v4
	if: ${{ github.ref == 'refs/heads/main' }}
	with:
	branch: gh-pages
	folder: .storybook-build

Provide feedback