mirror of
https://github.com/hanzo-apps/cms.git
synced 2026-10-30 14:47:33 +00:00
- payload -> @hanzo/cms (core), bin payload -> hanzo-cms - create-payload-app -> @hanzo/create-cms-app - @payloadcms/<x> -> @hanzo/cms-<x> across the whole dependency graph - 3545 files, 72 package.json, 4419 scoped refs, 3852 core import specifiers, 82 scss imports - MIT attribution to Payload CMS Inc. preserved (LICENSE.md, author emails) Upstream: github.com/payloadcms/payload @ v3.85.2 (MIT)
36 lines
957 B
TypeScript
36 lines
957 B
TypeScript
'use client'
|
|
import { useCurrency } from '@hanzo/cms-plugin-ecommerce/react'
|
|
import React from 'react'
|
|
import { CurrenciesConfig } from '@hanzo/cms-plugin-ecommerce/types'
|
|
|
|
type Props = {
|
|
currenciesConfig: CurrenciesConfig
|
|
}
|
|
|
|
export const CurrencySelector: React.FC<Props> = ({ currenciesConfig }) => {
|
|
const { currency, setCurrency } = useCurrency()
|
|
|
|
return (
|
|
<div>
|
|
selected: {currency.label} ({currency.code})<br />
|
|
<select
|
|
value={currency.code}
|
|
onChange={(e) => {
|
|
const selectedCurrency = currenciesConfig.supportedCurrencies.find(
|
|
(c) => c.code === e.target.value,
|
|
)
|
|
if (selectedCurrency) {
|
|
setCurrency(selectedCurrency.code)
|
|
}
|
|
}}
|
|
>
|
|
{currenciesConfig.supportedCurrencies.map((c) => (
|
|
<option key={c.code} value={c.code}>
|
|
{c.label} ({c.code})
|
|
</option>
|
|
))}
|
|
</select>
|
|
</div>
|
|
)
|
|
}
|