Before adding a remote client, verify their TLS certificate for security. To proceed, open the URL in your browser, verify and accept the
diff --git a/src/stories/CaPool.stories.jsx b/src/stories/CaPool.stories.jsx
deleted file mode 100644
index b4a95ce8..00000000
--- a/src/stories/CaPool.stories.jsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import React from 'react'
-import CaPool from '../components/Organisms/CaPool'
-
-export default {
- title: 'Example/CaPool',
- component: CaPool,
- argTypes: {},
-}
-
-const Template = (args) => (
-
-
-
-)
-
-export const Default = Template.bind({})
-Default.args = {}
diff --git a/src/stories/CaPool.stories.tsx b/src/stories/CaPool.stories.tsx
new file mode 100644
index 00000000..ca671fe9
--- /dev/null
+++ b/src/stories/CaPool.stories.tsx
@@ -0,0 +1,63 @@
+import React, { useCallback, useState } from 'react'
+import cloneDeep from 'lodash/cloneDeep'
+import { StoryFn } from '@storybook/react'
+
+import CaPool from '../components/Organisms/CaPool'
+
+export default {
+ title: 'Example/CaPool',
+ component: CaPool,
+ argTypes: {},
+}
+
+const i18n = {
+ title: 'title',
+ download: 'download',
+ edit: 'edit',
+ delete: 'delete',
+ search: 'search',
+ view: 'view',
+ showMore: 'showMore',
+ update: 'update',
+}
+
+const Template = (args: any) => {
+ const [data, setData] = useState([
+ { id: 0, name: 'ca-item-0', data: {} },
+ { id: 1, name: 'ca-item-1', data: {} },
+ { id: 2, name: 'ca-item-2', data: {} },
+ { id: 3, name: 'ca-item-3', data: {} },
+ { id: 4, name: 'ca-item-4', data: {} },
+ ])
+
+ const handleDeleteCaItem = useCallback(
+ (id: string) => {
+ const newData = cloneDeep(data)
+ newData.splice(parseInt(id, 10), 1)
+ setData(newData)
+ },
+ [data]
+ )
+
+ return (
+
+ {
+ alert('handle add modal')
+ setData([...data, { id: data.length, name: `ca-item-${data.length}`, data: {} }])
+ }}
+ onDelete={handleDeleteCaItem}
+ onDownload={() => alert('handle download')}
+ onEdit={() => alert('handle edit')}
+ onView={() => alert('handle view')}
+ />
+
+ )
+}
+
+export const Default: StoryFn = Template.bind({})
+Default.args = {}
diff --git a/src/stories/CodeEditor.stories.jsx b/src/stories/CodeEditor.stories.jsx
new file mode 100644
index 00000000..46df1ea3
--- /dev/null
+++ b/src/stories/CodeEditor.stories.jsx
@@ -0,0 +1,17 @@
+import React from 'react'
+import CodeEditor from '../components/Atomic/CodeEditor'
+
+export default {
+ title: 'Example/CodeEditor',
+ component: CodeEditor,
+ argTypes: {},
+}
+
+const Template = (args) => (
+
+
+
+)
+
+export const Default = Template.bind({})
+Default.args = {}
diff --git a/src/stories/header.css b/src/stories/header.css
deleted file mode 100644
index d13ec050..00000000
--- a/src/stories/header.css
+++ /dev/null
@@ -1,32 +0,0 @@
-.wrapper {
- font-family: 'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
- padding: 15px 20px;
- display: flex;
- align-items: center;
- justify-content: space-between;
-}
-
-svg {
- /*display: inline-block;*/
- /*vertical-align: top;*/
-}
-
-h1 {
- font-weight: 900;
- font-size: 20px;
- line-height: 1;
- margin: 6px 0 6px 10px;
- display: inline-block;
- vertical-align: top;
-}
-
-button + button {
- margin-left: 10px;
-}
-
-.welcome {
- color: #333;
- font-size: 14px;
- margin-right: 10px;
-}
diff --git a/test-report.xml b/test-report.xml
index 6c0f571a..4d8d615d 100644
--- a/test-report.xml
+++ b/test-report.xml
@@ -1,113 +1,118 @@
-
-
-
+
+
-
-
-
-
+
-
+
-
+
-
-
-
+
+
+
+
-
-
+
+
-
-
+
+
-
+
-
-
+
+
-
-
+
+
-
-
-
-
+
+
+
+
-
-
+
+
-
-
-
-
+
+
-
-
+
+
-
-
+
+
+
+
-
-
+
+
-
-
+
+
-
-
+
+
-
-
-
+
+
+
-
-
+
+
-
-
+
+
-
-
+
+
-
-
+
+
+
-
-
+
+
-
-
+
+
-
-
+
+
-
-
-
-
+
-
+
-
-
+
+
-
-
+
+
+
+
+
+
+
+
+
+
+
+
-
-
+
+
\ No newline at end of file