28 lines
798 B
TypeScript
28 lines
798 B
TypeScript
import React from 'react'
|
|
|
|
|
|
interface TransactionTopNavProps {
|
|
filterType: string
|
|
}
|
|
|
|
const filterContent = {
|
|
"all": "All Transactions",
|
|
"draft": "Transactions in Draft",
|
|
"sent": "Sent Transactions",
|
|
"complete": "Completed Transactions",
|
|
"declined": "Declined Transactions",
|
|
"discarded": "Discarded Transactions",
|
|
"canceled": "Canceled Transactions",
|
|
"expired": "Expired Transactions"
|
|
}
|
|
|
|
const TransactionTopNav: React.FC<TransactionTopNavProps> = ({ filterType }) => {
|
|
|
|
return (
|
|
<div className={`px-3 py-1 mb-2 text-md bg-[var(--compBgCol)] rounded flex justify-between items-center`}>
|
|
<h1 className='h-[34px] flex items-center max-w-max'>{filterContent[filterType as string]}</h1>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default TransactionTopNav |