merchant-backoffice

commit e10811b1e2610d8b82221ec11d5300425777bec7
parent a3fd3e81dc32df7eedff40e1dcb28fa999898b56
Author: Sebastian <sebasjm@gmail.com>
Date:   Sat,  7 Aug 2021 22:41:04 -0300

rename title

Diffstat:
M
packages/frontend/src/paths/admin/list/View.tsx
 | 
22
+++++++++++-----------

1 file 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
@@ -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}>