Add display user page

web/src/components/Button/Button.js

@@ -0,0 +1,17 @@
+import Svg from 'src/components/Svg'
+
+const Button = ({onClick, children}) => {
+  return (
+    <div>
+      <button
+        className="flex items-center bg-indigo-200 bg-opacity-50 rounded-xl p-2 px-6 text-indigo-600"
+        onClick={onClick}
+      >
+        {children}
+        <Svg className="w-6 ml-4" name="pencil" />
+      </button>
+    </div>
+  )
+}
+
+export default Button

web/src/components/Button/Button.stories.js

@@ -0,0 +1,10 @@
+import Button from './Button'
+
+export const generated = () => {
+  return <>
+    button with icon
+    <Button>click Me </Button>
+  </>
+}
+
+export default { title: 'Components/Button' }

web/src/components/Button/Button.test.js

@@ -0,0 +1,11 @@
+import { render } from '@redwoodjs/testing'
+
+import Button from './Button'
+
+describe('Button', () => {
+  it('renders successfully', () => {
+    expect(() => {
+      render(<Button />)
+    }).not.toThrow()
+  })
+})