From e0ed0fc1b4a09a29a8610188a525b3c3ff329bca Mon Sep 17 00:00:00 2001
From: Uk-Jin Jang <doublestat@gmail.com>
Date: Mon, 12 Aug 2024 12:13:27 +0900
Subject: [PATCH] chore: fix docs and page issue

---
 README.md                        |  2 +-
 playground/App.tsx               | 12 +++++-------
 playground/components/Header.tsx |  2 +-
 vite.config.ts                   |  2 ++
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/README.md b/README.md
index ed7c293..0b81d42 100644
--- a/README.md
+++ b/README.md
@@ -154,7 +154,7 @@ Provides API of Channel IO as React hook. Please refer [official docs](https://d
 - `showMessenger`
 - `hideMessenger`
 - `openChat`
-- `openSupportBot`
+- `openWorkflow`
 - `track`
 - `clearCallbacks`
 - `updateUser`
diff --git a/playground/App.tsx b/playground/App.tsx
index 3d7e9fa..c02dd8c 100644
--- a/playground/App.tsx
+++ b/playground/App.tsx
@@ -77,7 +77,7 @@ const App: React.FC = () => {
     showMessenger,
     hideMessenger,
     openChat,
-    openSupportBot,
+    openWorkflow,
     track,
     updateUser,
     addTags,
@@ -144,19 +144,17 @@ const App: React.FC = () => {
         />
 
         <FeatureSection
-          title="openSupportBot"
+          title="openWorkflow"
           description="Opens a chat and initiates a specific support bot. (won't work since demo account is not paid account)"
-          link="https://developers.channel.io/docs/web-channelio#openchat"
+          link="https://developers.channel.io/docs/web-channelio#openworkflow"
           disabled={!isBooted}
-          onClick={() =>
-            openSupportBot('101816', 'Hi, this is a test message!')
-          }
+          onClick={() => openWorkflow('101816')}
         />
 
         <FeatureSection
           title="track"
           description="Tracks an event."
-          link="https://developers.channel.io/docs/web-channelio#openchat"
+          link="https://developers.channel.io/docs/web-channelio#track"
           disabled={!isBooted}
           onClick={() => track('', {})}
         />
diff --git a/playground/components/Header.tsx b/playground/components/Header.tsx
index 1bea2c8..cf734fd 100644
--- a/playground/components/Header.tsx
+++ b/playground/components/Header.tsx
@@ -60,7 +60,7 @@ const StyledHeaderIcon = styled.img`
 const Header: React.FC = () => {
   return (
     <StyledHeader>
-      <StyledHeaderIcon src="/favicon.png" alt="favicon" />
+      <StyledHeaderIcon src="./favicon.png" alt="favicon" />
 
       <StyledHeaderTitle>
         <h1>react-channel-plugin</h1>
diff --git a/vite.config.ts b/vite.config.ts
index 0d93b6a..0088ec8 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -25,6 +25,8 @@ export default defineConfig(({ mode }) => {
   return {
     root,
 
+    base: './',
+
     build: {
       outDir: path.join(cwd, 'build'),
       emptyOutDir: true,