Recipes

import { LocalStorageAdapter } from 'featuredrop'
import { ChangelogWidget, FeatureDropProvider, NewBadge, useNewFeature } from 'featuredrop/react'
import { manifest } from './featuredrop.manifest'
 
function SettingsBadge() {
  const { isNew, dismiss } = useNewFeature('/settings')
  return <NewBadge variant="dot" show={isNew} dismissOnClick onDismiss={dismiss} />
}
 
export function ReleaseFeed() {
  return (
    <FeatureDropProvider
      manifest={manifest}
      storage={new LocalStorageAdapter({ prefix: 'app' })}
      appVersion={process.env.NEXT_PUBLIC_APP_VERSION ?? '0.0.0'}
    >
      <nav className="flex items-center gap-2">
        <span>Settings</span>
        <SettingsBadge />
      </nav>
      <ChangelogWidget />
    </FeatureDropProvider>
  )
}