From 6c06b9dd19c8ad970c5e6e36e3b190aff2334aee Mon Sep 17 00:00:00 2001
From: amd123 <iam.ahmadsholeh@gmail.com>
Date: Fri, 26 Apr 2024 13:33:32 +0700
Subject: [PATCH] style: humas footer

---
 components/Landing Page/Footer.tsx     | 33 +++++++++++++-------------
 components/icons.tsx                   | 27 +++++++++++++++++++++
 components/navbar/NavbarHumas.tsx      |  2 +-
 components/table/master-role-table.tsx |  2 +-
 public/temp/send.svg                   | 15 ++++++++++++
 5 files changed, 61 insertions(+), 18 deletions(-)
 create mode 100644 public/temp/send.svg

diff --git a/components/Landing Page/Footer.tsx b/components/Landing Page/Footer.tsx
index e4fdf2c..5148fa6 100644
--- a/components/Landing Page/Footer.tsx	
+++ b/components/Landing Page/Footer.tsx	
@@ -1,6 +1,6 @@
 import { Button } from '@nextui-org/button'
 import { Input } from '@nextui-org/input'
-import { MailIcon } from '../icons'
+import { ChevronDownIcon, MailIcon, SendIcon } from '../icons'
 
 export default function Footer() {
     return (
@@ -8,7 +8,7 @@ export default function Footer() {
             <div className='h-[650px] md:h-[720px] lg:h-auto  bg-black'>
                 <img src="/assets/Footer.jpg" alt="" className='w-full h-full object-cover object-left-top opacity-80' />
             </div>
-            <div className="absolute top-0 left-0 w-full grid grid-cols-3 md:grid-cols-4 lg:grid-cols-7 gap-5 md:gap-4 px-1 md:px-10 lg:px-20 pt-5 md:pt-16 pb-5 md:pb-20 text-white">
+            <div className="absolute top-0 left-0 w-full grid grid-cols-3 md:grid-cols-3 lg:grid-cols-7 gap-5 md:gap-4 px-1 md:px-10 lg:px-20 pt-5 md:pt-16 pb-5 md:pb-20 text-white">
                 <div className='pb-2 md:pb-0'>
                     <p>Berita Terkini</p>
                     <p>Info Komnas Anak</p>
@@ -45,22 +45,23 @@ export default function Footer() {
                     <p>Pelayanan Polisiku</p>
                     <p>Pelayanan BINMAS</p>
                 </div>
-                <div className='w-auto lg:w-max'>
+                <div className='w-min lg:w-max'>
                     <p className='text-xl font-bold'>Subscribe</p>
                     <p>Dapatkan info & event terupdate dari kami.</p>
-                    <Input
-                        label="Email"
-                        placeholder="Email Anda"
-                        className='w-min pt-1'
-                        startContent={
-                            <MailIcon className="text-xl text-default-400 pointer-events-none flex-shrink-0" />
-                        }
-                        endContent={
-                            <div className="pointer-events-none flex items-center">
-                                <span className="text-default-400 text-small">@gmail.com</span>
-                            </div>
-                        }
-                    />
+                    <div className='flex '>
+                        <Input
+                            label="Email"
+                            placeholder="Email Anda"
+                            className='pt- rounded-none'
+                            classNames={{
+                                inputWrapper: "rounded-none rounded-l-lg"
+                            }}
+                            startContent={
+                                <MailIcon className="text-xl text-default-400 pointer-events-none flex-shrink-0" />
+                            }
+                        />
+                        <div className='bg-[#C3160F] flex items-center justify-center w-16 rounded-r-lg cursor-pointer'><SendIcon /></div>
+                    </div>
                     <Button className='mt-1 bg-[#DD8306]'>Kontributor Wilayah</Button>
                 </div>
             </div>
diff --git a/components/icons.tsx b/components/icons.tsx
index a417d7c..a4b13d3 100644
--- a/components/icons.tsx
+++ b/components/icons.tsx
@@ -66,6 +66,7 @@ export const TwitterIcon: React.FC<IconSvgProps> = ({
 		</svg>
 	);
 };
+
 export const IconX: React.FC<IconSvgProps> = ({
 	size = 30,
 	width,
@@ -86,6 +87,32 @@ export const IconX: React.FC<IconSvgProps> = ({
 	);
 };
 
+export const SendIcon: React.FC<IconSvgProps> = ({
+	size,
+	width,
+	height,
+	color = "white",
+	...props
+}) => {
+	return (
+		<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+			<g clip-path="url(#clip0_1012_36617)">
+				<g clip-path="url(#clip1_1012_36617)">
+					<path d="M15.0053 0.0999837L0.520926 8.45623C-0.0446989 8.78123 0.0271761 9.56873 0.589676 9.80623L3.91155 11.2L12.8897 3.28748C13.0616 3.13436 13.3053 3.36873 13.1584 3.54686L5.6303 12.7187V15.2344C5.6303 15.9719 6.52093 16.2625 6.95843 15.7281L8.9428 13.3125L12.8366 14.9437C13.2803 15.1312 13.7866 14.8531 13.8678 14.375L16.1178 0.874984C16.2241 0.243734 15.5459 -0.212516 15.0053 0.0999837Z" fill="white" />
+				</g>
+			</g>
+			<defs>
+				<clipPath id="clip0_1012_36617">
+					<rect width="16" height="16" fill="white" transform="translate(0.130371)" />
+				</clipPath>
+				<clipPath id="clip1_1012_36617">
+					<rect width="16" height="16" fill="white" transform="translate(0.130371)" />
+				</clipPath>
+			</defs>
+		</svg>
+	);
+};
+
 export const GithubIcon: React.FC<IconSvgProps> = ({
 	size = 24,
 	width,
diff --git a/components/navbar/NavbarHumas.tsx b/components/navbar/NavbarHumas.tsx
index c6e7fc3..e322578 100644
--- a/components/navbar/NavbarHumas.tsx
+++ b/components/navbar/NavbarHumas.tsx
@@ -157,7 +157,7 @@ export default function NavbarHumas() {
                                 </DropdownMenu>
                             </Dropdown>
                         </div>
-                        <div><Link href="http://103.82.242.92:5000/" target='_blank'>Portal PPID</Link></div>
+                        <div><Link href="http://103.82.242.92:5555/" target='_blank'>Portal PPID</Link></div>
                         <div>
                             <Dropdown className='dark:bg-[#1F1A17]'>
                                 <NavbarItem>
diff --git a/components/table/master-role-table.tsx b/components/table/master-role-table.tsx
index 2d5c0d3..a424c74 100644
--- a/components/table/master-role-table.tsx
+++ b/components/table/master-role-table.tsx
@@ -193,7 +193,7 @@ export default function MasterRoleTable() {
                 case "actions":
                     return (
                         <div className="relative flex justify-star items-center gap-2">
-                            <Dropdown className="lg:min-w-[150px] bg-black text-white shadow border ">
+                            <Dropdown className="lg:min-w-[150px] dark:bg-black dark:text-white shadow border ">
                                 <DropdownTrigger>
                                     <Button isIconOnly size="lg" variant="light">
                                         <DotsYIcon className="text-default-300" />
diff --git a/public/temp/send.svg b/public/temp/send.svg
new file mode 100644
index 0000000..889792a
--- /dev/null
+++ b/public/temp/send.svg
@@ -0,0 +1,15 @@
+<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1012_36617)">
+<g clip-path="url(#clip1_1012_36617)">
+<path d="M15.0053 0.0999837L0.520926 8.45623C-0.0446989 8.78123 0.0271761 9.56873 0.589676 9.80623L3.91155 11.2L12.8897 3.28748C13.0616 3.13436 13.3053 3.36873 13.1584 3.54686L5.6303 12.7187V15.2344C5.6303 15.9719 6.52093 16.2625 6.95843 15.7281L8.9428 13.3125L12.8366 14.9437C13.2803 15.1312 13.7866 14.8531 13.8678 14.375L16.1178 0.874984C16.2241 0.243734 15.5459 -0.212516 15.0053 0.0999837Z" fill="white"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_1012_36617">
+<rect width="16" height="16" fill="white" transform="translate(0.130371)"/>
+</clipPath>
+<clipPath id="clip1_1012_36617">
+<rect width="16" height="16" fill="white" transform="translate(0.130371)"/>
+</clipPath>
+</defs>
+</svg>