diff --git a/apps/web/src/components/layouts/AppLayout/Header/Rewards/Menu/index.tsx b/apps/web/src/components/layouts/AppLayout/Header/Rewards/Menu/index.tsx new file mode 100644 index 000000000..c8e20f9c4 --- /dev/null +++ b/apps/web/src/components/layouts/AppLayout/Header/Rewards/Menu/index.tsx @@ -0,0 +1,8 @@ +'use client' + +export function RewardsMenu() { + return ( +
+
+ ) +} \ No newline at end of file diff --git a/apps/web/src/components/layouts/AppLayout/Header/Rewards/index.tsx b/apps/web/src/components/layouts/AppLayout/Header/Rewards/index.tsx new file mode 100644 index 000000000..3b3aca9f9 --- /dev/null +++ b/apps/web/src/components/layouts/AppLayout/Header/Rewards/index.tsx @@ -0,0 +1,22 @@ +import { Button } from '@latitude-data/web-ui' +import Popover from 'node_modules/@latitude-data/web-ui/src/ds/atoms/Popover' + +import { RewardsMenu } from './Menu' + +export function RewardsButton() { + return ( + + + + + + + + + ) +} diff --git a/apps/web/src/components/layouts/AppLayout/Header/index.tsx b/apps/web/src/components/layouts/AppLayout/Header/index.tsx index eb2310276..1342f0459 100644 --- a/apps/web/src/components/layouts/AppLayout/Header/index.tsx +++ b/apps/web/src/components/layouts/AppLayout/Header/index.tsx @@ -11,6 +11,7 @@ import { Fragment } from 'react/jsx-runtime' import AvatarDropdown from './AvatarDropdown' import { UsageIndicator } from './UsageIndicator' +import { RewardsButton } from './Rewards' function BreadcrumbSeparator() { return ( @@ -112,6 +113,7 @@ export default function AppHeader({