diff options
author | Sebastian <sebasjm@gmail.com> | 2021-08-07 22:41:04 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2021-08-07 22:41:04 -0300 |
commit | e10811b1e2610d8b82221ec11d5300425777bec7 (patch) | |
tree | 5d9aac37fdbaa678454fc94bd57bb3e1d5c7d891 | |
parent | a3fd3e81dc32df7eedff40e1dcb28fa999898b56 (diff) | |
download | merchant-backoffice-e10811b1e2610d8b82221ec11d5300425777bec7.tar.gz merchant-backoffice-e10811b1e2610d8b82221ec11d5300425777bec7.tar.bz2 merchant-backoffice-e10811b1e2610d8b82221ec11d5300425777bec7.zip |
rename title
-rw-r--r-- | packages/frontend/src/paths/admin/list/View.tsx | 22 |
1 files changed, 11 insertions, 11 deletions
diff --git a/packages/frontend/src/paths/admin/list/View.tsx b/packages/frontend/src/paths/admin/list/View.tsx index 8febcff..35096cd 100644 --- a/packages/frontend/src/paths/admin/list/View.tsx +++ b/packages/frontend/src/paths/admin/list/View.tsx @@ -36,14 +36,14 @@ interface Props { } export function View({ instances, onCreate, onDelete, onPurge, onUpdate, setInstanceName, selected }: Props): VNode { - const [show, setShow] = useState<"enabled" | "disabled" | null>("enabled"); - const showIsEnabled = show === 'enabled' ? "is-active" : '' - const showIsDisabled = show === 'disabled' ? "is-active" : '' + const [show, setShow] = useState<"active" | "deleted" | null>("active"); + const showIsActive = show === 'active' ? "is-active" : '' + const showIsDeleted = show === 'deleted' ? "is-active" : '' const showAll = show === null ? "is-active" : '' const i18n = useTranslator() - const showingInstances = showIsDisabled ? - instances.filter(i => i.deleted) : (showIsEnabled ? + const showingInstances = showIsDeleted ? + instances.filter(i => i.deleted) : (showIsActive ? instances.filter(i => !i.deleted) : instances) @@ -54,14 +54,14 @@ export function View({ instances, onCreate, onDelete, onPurge, onUpdate, setInst <div class="column is-two-thirds"> <div class="tabs" style={{ overflow: 'inherit' }}> <ul> - <li class={showIsEnabled}> - <div class="has-tooltip-right" data-tooltip={i18n`only show enabled instances`}> - <a onClick={() => setShow("enabled")}><Translate>Enable</Translate></a> + <li class={showIsActive}> + <div class="has-tooltip-right" data-tooltip={i18n`only show active instances`}> + <a onClick={() => setShow("active")}><Translate>Active</Translate></a> </div> </li> - <li class={showIsDisabled}> - <div class="has-tooltip-right" data-tooltip={i18n`only show disabled instances`}> - <a onClick={() => setShow("disabled")}><Translate>Disable</Translate></a> + <li class={showIsDeleted}> + <div class="has-tooltip-right" data-tooltip={i18n`only show deleted instances`}> + <a onClick={() => setShow("deleted")}><Translate>Deleted</Translate></a> </div> </li> <li class={showAll}> |