feat: 1.8.0

.github/workflows/check-on-pr.yml

@@ -5,8 +5,8 @@ on:
     branches:
       - main
     paths:
-      - "**"
-      - "!README.md"
+      - '**'
+      - '!README.md'
 
 jobs:
   lint:
@@ -53,4 +53,4 @@ jobs:
     permissions:
       contents: read
       pull-requests: read
-      checks: write
+      checks: write

.gitignore

@@ -1,4 +1,5 @@
 node_modules
 .parcel-cache
 /dist
-*storybook.log
+*storybook.log
+storybook-static

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@koupr/ui",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "license": "MIT",
   "source": "src/index.ts",
   "main": "dist/main.js",

src/components/account-menu.tsx

@@ -123,7 +123,7 @@ type AvatarButtonProps = {
 const AvatarButton = forwardRef<AvatarButtonProps, 'div'>(
   ({ name, picture, isActive, hasBadge, ...props }, ref) => (
     <div ref={ref} {...props} className={cx('cursor-pointer')}>
-      <ActiveCircle>
+      <ActiveCircle isActive={isActive}>
         <NotificationBadge hasBadge={hasBadge}>
           <Avatar
             name={name}

src/components/app-bar.tsx

@@ -2,8 +2,8 @@ import { ReactElement } from 'react'
 import cx from 'classnames'
 
 export type AppBarProps = {
-  bar: ReactElement
-  buttons: ReactElement
+  bar?: ReactElement
+  buttons?: ReactElement
 }
 
 export const AppBar = ({ bar, buttons }: AppBarProps) => (
@@ -18,7 +18,9 @@ export const AppBar = ({ bar, buttons }: AppBarProps) => (
       'w-full',
     )}
   >
-    <div className={cx('grow')}>{bar}</div>
+    <div className={cx('flex', 'flex-row', 'items-center', 'gap-1.5', 'grow')}>
+      {bar}
+    </div>
     <div className={cx('flex', 'flex-row', 'items-center', 'gap-1.5')}>
       {buttons}
     </div>