style: update header and form credential

bps-kota-bontang · Aug 24, 2024 · b1101be · b1101be
1 parent 95d88a0
commit b1101be
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 19 deletions.
diff --git a/src/components/service/FormCredentialService.tsx b/src/components/service/FormCredentialService.tsx
@@ -24,22 +24,28 @@ const FormCredentialService = ({ credential }: FormCredentialServiceProps) => {
   return (
     <div className="flex flex-col gap-3">
       {credential.username && (
-        <Space.Compact>
-          <Input value={credential.username} type={"password"} disabled />
-          <Button
-            onClick={() => handleCopy(credential.username)}
-            icon={<CopyOutlined />}
-          />
-        </Space.Compact>
+        <>
+          <span className="text-sm">Nama Pengguna</span>
+          <Space.Compact>
+            <Input.Password value={credential.username} />
+            <Button
+              onClick={() => handleCopy(credential.username)}
+              icon={<CopyOutlined />}
+            />
+          </Space.Compact>
+        </>
       )}
       {credential.password && (
-        <Space.Compact>
-          <Input value={credential.password} type={"password"} disabled />
-          <Button
-            onClick={() => handleCopy(credential.password)}
-            icon={<CopyOutlined />}
-          />
-        </Space.Compact>
+        <>
+          <span className="text-sm">Kata Sandi</span>
+          <Space.Compact>
+            <Input.Password value={credential.password} />
+            <Button
+              onClick={() => handleCopy(credential.password)}
+              icon={<CopyOutlined />}
+            />
+          </Space.Compact>
+        </>
       )}
       <span className="italic">
         {credential.hasSso ? (

diff --git a/src/components/team/TeamItem.tsx b/src/components/team/TeamItem.tsx
@@ -85,7 +85,7 @@ const TeamItem = ({ team, onItemUpdated, onItemDeleted }: TeamItemProps) => {
               items: [
                 {
                   key: "add",
-                  label: "Tambah",
+                  label: "Ubah",
                   onClick: () => {
                     const memberIds = team.users.map((item) => item.user.id);
 
@@ -105,8 +105,8 @@ const TeamItem = ({ team, onItemUpdated, onItemDeleted }: TeamItemProps) => {
                       maskClosable: true,
                       closable: true,
                       okCancel: true,
-                      title: `Hapus Layanan: ${team.name}`,
-                      content: "Apakah Anda yakin ingin menghapus layanan ini?",
+                      title: `Hapus Tim: ${team.name}`,
+                      content: "Apakah Anda yakin ingin menghapus tim ini?",
                       cancelText: "Batal",
                       okText: "Hapus",
                       onOk: () => handleDeleteService(team.id),
@@ -144,7 +144,7 @@ const TeamItem = ({ team, onItemUpdated, onItemDeleted }: TeamItemProps) => {
       </div>
 
       <Modal
-        title={`Tambah Anggota ${team.name}`}
+        title={`Ubah Anggota ${team.name}`}
         open={open}
         onOk={form.submit}
         maskClosable={false}

diff --git a/src/layouts/Header.tsx b/src/layouts/Header.tsx
@@ -2,6 +2,7 @@ import { useAuth } from "@/hooks/useAuth";
 import { useMediaQuery } from "@/hooks/useMediaQuery";
 import { protectedRoutes } from "@/routes/ProtectedRoute";
 import { createBreadcrumbItems } from "@/utils/Breadcrumb";
+import { getInitials } from "@/utils/String";
 import { MenuFoldOutlined, MenuUnfoldOutlined } from "@ant-design/icons";
 import { Avatar, Dropdown, Layout, MenuProps, Breadcrumb, Button } from "antd";
 import { forwardRef } from "react";
@@ -63,7 +64,9 @@ const Header = forwardRef<HTMLDivElement, HeaderProps>(
           <span className="text-md">{!isMobile ? user?.name : null}</span>
 
           <Dropdown menu={{ items }}>
-            <Avatar src={"/serambi-logo.png"} />
+            <Avatar style={{ backgroundColor: "#f56a00" }}>
+              {user?.name ? getInitials(user.name) : "😸"}
+            </Avatar>
           </Dropdown>
         </Layout.Header>
         <Breadcrumb className="p-3" items={breadcrumbItems} />