-
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Showing
5 changed files
with
227 additions
and
147 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,153 @@ | ||
import { Button, Dropdown, DropdownItem, DropdownMenu, DropdownTrigger, NavbarItem } from "@nextui-org/react"; | ||
import NextLink from "next/link"; | ||
import ChevronDown from "~/components/Icons/chevronDown"; | ||
|
||
const HeaderMenu = () => { | ||
return ( | ||
<NavbarItem> | ||
<Dropdown> | ||
<NavbarItem> | ||
<DropdownTrigger> | ||
<Button | ||
disableRipple | ||
className="p-0 bg-transparent data-[hover=true]:bg-transparent" | ||
endContent={<ChevronDown fill="currentColor" size={16} />} | ||
radius="sm" | ||
variant="light" | ||
> | ||
Payment methods | ||
</Button> | ||
</DropdownTrigger> | ||
</NavbarItem> | ||
<DropdownMenu | ||
aria-label="Payment methods" | ||
className="w-[340px]" | ||
itemClasses={{ | ||
base: "gap-4" | ||
}} | ||
> | ||
<DropdownItem | ||
key="add payment method" | ||
description="Create a new payment method." | ||
href="/add-payment-methods" | ||
as={NextLink} | ||
> | ||
Add Payment Method | ||
</DropdownItem> | ||
<DropdownItem | ||
key="list_payment_methods" | ||
description="List payment methods attached to a customer." | ||
href="/get-payment-methods" | ||
as={NextLink} | ||
> | ||
List Payment Methods | ||
</DropdownItem> | ||
<DropdownItem | ||
key="delete_payment_methods" | ||
description="Delete a payment method." | ||
href="/delete-payment-methods" | ||
// startContent={icons.flash} | ||
> | ||
Delete Payment Methods | ||
</DropdownItem> | ||
</DropdownMenu> | ||
</Dropdown> | ||
<Dropdown> | ||
<NavbarItem> | ||
<DropdownTrigger> | ||
<Button | ||
disableRipple | ||
className="p-0 bg-transparent data-[hover=true]:bg-transparent" | ||
// endContent={icons.chevron} | ||
radius="sm" | ||
variant="light" | ||
> | ||
Customer | ||
</Button> | ||
</DropdownTrigger> | ||
</NavbarItem> | ||
<DropdownMenu | ||
aria-label="Payment methods" | ||
className="w-[340px]" | ||
itemClasses={{ | ||
base: "gap-4" | ||
}} | ||
> | ||
<DropdownItem | ||
key="add payment method" | ||
description="Create a new payment method." | ||
href="/add-payment-methods" | ||
as={NextLink} | ||
> | ||
Add Payment Method | ||
</DropdownItem> | ||
<DropdownItem | ||
key="list_payment_methods" | ||
description="List payment methods attached to a customer." | ||
href="/get-payment-methods" | ||
as={NextLink} | ||
> | ||
List Payment Methods | ||
</DropdownItem> | ||
<DropdownItem | ||
key="delete_payment_methods" | ||
description="Delete a payment method." | ||
href="/delete-payment-methods" | ||
// startContent={icons.flash} | ||
> | ||
Delete Payment Methods | ||
</DropdownItem> | ||
</DropdownMenu> | ||
</Dropdown> | ||
<Dropdown> | ||
<NavbarItem> | ||
<DropdownTrigger> | ||
<Button | ||
disableRipple | ||
className="p-0 bg-transparent data-[hover=true]:bg-transparent" | ||
// endContent={icons.chevron} | ||
radius="sm" | ||
variant="light" | ||
> | ||
Invoices | ||
</Button> | ||
</DropdownTrigger> | ||
</NavbarItem> | ||
<DropdownMenu | ||
aria-label="Payment methods" | ||
className="w-[340px]" | ||
itemClasses={{ | ||
base: "gap-4" | ||
}} | ||
> | ||
<DropdownItem | ||
key="add payment method" | ||
description="Create a new payment method." | ||
href="/add-payment-methods" | ||
as={NextLink} | ||
> | ||
Add Payment Method | ||
</DropdownItem> | ||
<DropdownItem | ||
key="list_payment_methods" | ||
description="List payment methods attached to a customer." | ||
href="/get-payment-methods" | ||
as={NextLink} | ||
> | ||
List Payment Methods | ||
</DropdownItem> | ||
<DropdownItem | ||
key="delete_payment_methods" | ||
description="Delete a payment method." | ||
href="/delete-payment-methods" | ||
// startContent={icons.flash} | ||
> | ||
Delete Payment Methods | ||
</DropdownItem> | ||
</DropdownMenu> | ||
</Dropdown> | ||
</NavbarItem> | ||
); | ||
}; | ||
|
||
export default HeaderMenu; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,26 @@ | ||
import type IconSvgBase from "~/types/svg"; | ||
|
||
const ChevronDown = ({ fill, size, height, width, ...props }: IconSvgBase) => { | ||
return ( | ||
<svg | ||
fill="none" | ||
height={size || height || 24} | ||
width={size || width || 24} | ||
{...props} | ||
viewBox="0 0 24 24" | ||
xmlns="http://www.w3.org/2000/svg" | ||
> | ||
<title>Chevron Down</title> | ||
<path | ||
d="m19.92 8.95-6.52 6.52c-.77.77-2.03.77-2.8 0L4.08 8.95" | ||
stroke={fill} | ||
strokeLinecap="round" | ||
strokeLinejoin="round" | ||
strokeMiterlimit={10} | ||
strokeWidth={1.5} | ||
/> | ||
</svg> | ||
); | ||
}; | ||
|
||
export default ChevronDown; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.