From c83be7946757ba14dc054d0df840c76a9e804f6a Mon Sep 17 00:00:00 2001
From: adueck <adueck@users.noreply.github.com>
Date: Tue, 7 Mar 2023 15:39:51 +0500
Subject: [PATCH] try github actions storybook deploy

---
 .github/workflows/pages.yml                   | 62 +++++++++++++++++++
 src/components/.gitignore                     |  3 +-
 .../src/stories/ButtonSelect.stories.tsx      | 31 ++++++++++
 .../src/stories/Introduction.stories.mdx      |  1 -
 4 files changed, 95 insertions(+), 2 deletions(-)
 create mode 100644 .github/workflows/pages.yml
 create mode 100644 src/components/src/stories/ButtonSelect.stories.tsx
 delete mode 100644 src/components/src/stories/Introduction.stories.mdx

diff --git a/.github/workflows/pages.yml b/.github/workflows/pages.yml
new file mode 100644
index 0000000..34fb9bb
--- /dev/null
+++ b/.github/workflows/pages.yml
@@ -0,0 +1,62 @@
+name: Deploy storybook to pages
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches: ["main"]
+    paths: ["src/components/**"]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow one concurrent deployment
+concurrency:
+  group: "pages"
+  cancel-in-progress: true
+
+# Default to bash
+defaults:
+  run:
+    shell: bash
+
+jobs:
+  # Build job
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+      - name: Setup Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: "18"
+          cache: yarn
+      - name: Setup Pages
+        id: pages
+        uses: actions/configure-pages@v2
+      - name: Install dependencies
+        run: yarn r-install
+      - name: Build storybook
+        run: cd src/components yarn build-storybook
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v1
+        with:
+          path: ./scr/components/storybook-static
+
+  # Deployment job
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v1
diff --git a/src/components/.gitignore b/src/components/.gitignore
index b512c09..1518e1f 100644
--- a/src/components/.gitignore
+++ b/src/components/.gitignore
@@ -1 +1,2 @@
-node_modules
\ No newline at end of file
+storybook-static
+node_modules
diff --git a/src/components/src/stories/ButtonSelect.stories.tsx b/src/components/src/stories/ButtonSelect.stories.tsx
new file mode 100644
index 0000000..e839f1c
--- /dev/null
+++ b/src/components/src/stories/ButtonSelect.stories.tsx
@@ -0,0 +1,31 @@
+import React, { useState } from "react";
+import opts from "../../../lib/src/default-text-options";
+import ButtonSelect from "../ButtonSelect";
+import { Story } from "@storybook/react";
+
+type ButtonSelectProps = Parameters<typeof ButtonSelect>[0];
+
+export default {
+    title: "ButtonSelect",
+    component: ButtonSelect,
+};
+
+const Template: Story<ButtonSelectProps> = (args) => {
+    const [value, setValue] = useState<string>("a");
+    return <div>
+        <ButtonSelect
+            {...args}    
+            value={value}
+            handleChange={e => setValue(e)}
+        />
+    </div>;
+}
+
+export const Basic = Template.bind({});
+Basic.args = {
+    options: [
+        { value: "a", label: "Option A" },
+        { value: "b", label: "Option B" },
+        { value: "c", label: "Option C" },
+    ],
+};
\ No newline at end of file
diff --git a/src/components/src/stories/Introduction.stories.mdx b/src/components/src/stories/Introduction.stories.mdx
deleted file mode 100644
index 521ff29..0000000
--- a/src/components/src/stories/Introduction.stories.mdx
+++ /dev/null
@@ -1 +0,0 @@
-Storybook introduction