Merge branch 'main' of https://github.com/darkroomengineering/satus

app/apple-icon.js

@@ -25,7 +25,7 @@ export default function Icon() {
           justifyContent: 'center',
         }}
       >
-        DE
+        S
       </div>
     ),
     // ImageResponse options

app/icon.js

@@ -25,7 +25,7 @@ export default function Icon() {
           justifyContent: 'center',
         }}
       >
-        DE
+        S
       </div>
     ),
     // ImageResponse options

components/button/button.stories.js

@@ -0,0 +1,28 @@
+import { Button } from '.'
+
+// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
+export default {
+  title: 'Components/Button',
+  component: Button,
+  parameters: {
+    // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
+    layout: 'centered',
+  },
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
+  tags: ['autodocs'],
+  // More on argTypes: https://storybook.js.org/docs/api/argtypes
+  argTypes: {},
+  // Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked: https://storybook.js.org/docs/essentials/actions#action-args
+  args: {},
+}
+
+// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
+export const Default = {
+  render: ({ children, ...props }) => <Button {...props}>{children}</Button>,
+  args: {
+    ...Button.props,
+    children: 'Click me!',
+    onPress: () => alert('Button pressed!'),
+    className: 'hi-my-name-is',
+  },
+}

components/button/index.js

@@ -0,0 +1,14 @@
+import { useRef } from 'react'
+import { useButton } from 'react-aria'
+
+export function Button(props) {
+  let ref = useRef(null)
+  let { buttonProps } = useButton(props, ref)
+  const { children, className } = props
+
+  return (
+    <button {...buttonProps} className={className} ref={ref}>
+      {children}
+    </button>
+  )
+}

package.json

@@ -37,6 +37,7 @@
     "next-sitemap": "^4.2.3",
     "postprocessing": "^6.36.0",
     "react": "18.3.1",
+    "react-aria-components": "^1.3.1",
     "react-dom": "18.3.1",
     "react-use": "^17.5.1",
     "sass": "^1.77.8",