From d052b7a0d44a026d2c01b8298cc91cf7f6d239d7 Mon Sep 17 00:00:00 2001
From: amaliadwiy <iam.amaliadwi@gmail.com>
Date: Wed, 6 Aug 2025 17:18:34 +0800
Subject: [PATCH] upd: tampilan statys

Deskripsi:
- update label status
- menampilkan status pada detail member

No Issues
---
 app/(application)/member/[id].tsx | 6 ++++++
 components/labelStatus.tsx        | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/app/(application)/member/[id].tsx b/app/(application)/member/[id].tsx
index 7ee9a85..6fcae1e 100644
--- a/app/(application)/member/[id].tsx
+++ b/app/(application)/member/[id].tsx
@@ -1,6 +1,7 @@
 import ButtonBackHeader from "@/components/buttonBackHeader";
 import ImageUser from "@/components/imageNew";
 import ItemDetailMember from "@/components/itemDetailMember";
+import LabelStatus from "@/components/labelStatus";
 import HeaderRightMemberDetail from "@/components/member/headerMemberDetail";
 import Skeleton from "@/components/skeleton";
 import Text from "@/components/Text";
@@ -102,6 +103,11 @@ export default function MemberDetail() {
             <View style={[Styles.p15]}>
                <View style={[Styles.rowSpaceBetween]}>
                   <Text style={[Styles.textDefaultSemiBold]}>Informasi</Text>
+                  <LabelStatus
+                     size="small"
+                     category={data?.isActive ? 'success' : 'error'}
+                     text={data?.isActive ? 'AKTIF' : 'TIDAK AKTIF'}
+                  />
                </View>
                {
                   loading ?
diff --git a/components/labelStatus.tsx b/components/labelStatus.tsx
index 84a330d..6ab5d10 100644
--- a/components/labelStatus.tsx
+++ b/components/labelStatus.tsx
@@ -10,7 +10,7 @@ type Props = {
 }
 export default function LabelStatus({ category, text, size }: Props) {
    return (
-      <View style={[size == "small" ? Styles.labelStatusSmall : Styles.labelStatus, ColorsStatus[category], Styles.round10]}>
+      <View style={[size == "small" ? Styles.labelStatusSmall : Styles.labelStatus, ColorsStatus[category], Styles.round10, Styles.contentItemCenter]}>
          <Text style={[size == "small" ? Styles.textSmallSemiBold : Styles.textMediumSemiBold, Styles.cWhite, { textAlign: 'center' }]}>{text}</Text>
       </View>
    )