MythEclipse/imphnen-frontend-service
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: update action versions in Nix build workflow (#78)

Browse Source
This commit is contained in:
Asep Haryana Saputra
2026-04-13 14:28:10 +07:00
committed by GitHub
parent 06c69cb3c5
commit 426b71f341
35 changed files with 2613 additions and 445 deletions
Download Patch File Download Diff File Expand all files Collapse all files
libs/ui/src/atoms/button/button.stories.tsx
+10 -1
View File
@@ -7,7 +7,7 @@ const meta: Meta<typeof Button> = {
argTypes: {
variant: {
control: 'select',
options: ['primary', 'secondary', 'success', 'danger'],
options: ['primary', 'secondary', 'text', 'bordered', 'success', 'danger'],
},
size: {
control: 'select',
@@ -102,3 +102,12 @@ export const Small: Story = {
children: 'Small Button',
},
};
export const Focus: Story = {
args: {
variant: 'primary',
size: 'md',
autoFocus: true,
children: 'Focused Button',
},
};
libs/ui/src/atoms/input/input.stories.tsx
+9
View File
@@ -62,3 +62,12 @@ export const Disabled: Story = {
disabled: true,
},
};
export const Error: Story = {
args: {
size: 'md',
type: 'text',
error: true,
placeholder: 'Error state',
},
};
libs/ui/src/molecules/forgot-step/forgot-step.tsx
+13 -17
View File
@@ -1,29 +1,25 @@
import { DetailedHTMLProps, FC, InputHTMLAttributes, ReactElement } from "react"
import { FC, ReactElement } from "react"
type TForgotStepProps = Omit<
DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>,
'size' | 'type'
> & {
interface TForgotStepProps {
step: number
};
}
export const ForgotStep: FC<TForgotStepProps> = ({
step = 1,
...rest
}): ReactElement => {
return (
<div className="w-full grid grid-cols-3 gap-3">
<div className="flex flex-col items-center justify-center gap-2">
<div className={`${step === 1 ? "bg-primary-500" : "bg-primary-200"} px-5 py-2 rounded-md w-full`}></div>
<h4 className={`${step === 1 ? "text-primary-500" : "text-gray-500"} text-xs`}>Masukkan Email</h4>
<div className="w-full flex items-start gap-4 mb-8">
<div className="flex-1 flex flex-col items-center gap-2">
<div className={`h-[12px] rounded-[8px] w-full transition-colors duration-300 ${step >= 1 ? "bg-[#23a1eb]" : "bg-[#bce1fb]"}`}></div>
<h4 className={`font-semibold text-[12px] text-center transition-colors duration-300 ${step >= 1 ? "text-[#23a1eb]" : "text-[#454545]"}`}>Masukkan Email</h4>
</div>
<div className="flex flex-col items-center justify-center gap-2">
<div className={`${step === 2 ? "bg-primary-500" : "bg-primary-200"} px-5 py-2 rounded-md w-full`}></div>
<h4 className={`${step === 2 ? "text-primary-500" : "text-gray-500"} text-xs`}>Verifikasi OTP</h4>
<div className="flex-1 flex flex-col items-center gap-2">
<div className={`h-[12px] rounded-[8px] w-full transition-colors duration-300 ${step >= 2 ? "bg-[#23a1eb]" : "bg-[#bce1fb]"}`}></div>
<h4 className={`font-semibold text-[12px] text-center transition-colors duration-300 ${step >= 2 ? "text-[#23a1eb]" : "text-[#454545]"}`}>Verifikasi OTP</h4>
</div>
<div className="flex flex-col items-center justify-center gap-2">
<div className={`${step === 3 ? "bg-primary-500" : "bg-primary-200"} px-5 py-2 rounded-md w-full`}></div>
<h4 className={`${step === 3 ? "text-primary-500" : "text-gray-500"} text-xs`}>Summon Password ^^</h4>
<div className="flex-1 flex flex-col items-center gap-2">
<div className={`h-[12px] rounded-[8px] w-full transition-colors duration-300 ${step >= 3 ? "bg-[#23a1eb]" : "bg-[#bce1fb]"}`}></div>
<h4 className={`font-semibold text-[12px] text-center transition-colors duration-300 ${step >= 3 ? "text-[#23a1eb]" : "text-[#454545]"}`}>Summon Password ^^</h4>
</div>
</div>
)
libs/ui/src/organisms/auth-banner/auth-banner.tsx
+36 -16
View File
@@ -1,23 +1,43 @@
import { ArrowLeftOutlined } from "@ant-design/icons";
// eslint-disable-next-line @nx/enforce-module-boundaries
import { Icon } from "@iconify/react";
import { Button } from "@imphnen-frontend-service/ui/atoms";
import { FC, ReactElement } from "react";
function AuthBanner({text, href}: {text: string, href: string}){
return (
<div className='hidden xl:block relative rounded-md'>
<img src="/image/95319c4f9953dfe6180200e529dfcea5.webp" alt="Banner" className='w-[420px] min-h-[632px] object-[80%] object-cover rounded-lg' />
<div className='absolute top-0 bg-gradient-to-b from-primary-500 to-transparent w-full rounded-t-lg h-[163px] py-5 px-5'>
<Button variant='secondary' className='gap-2' onClick={() => document.location.href = `${href}`}>
<ArrowLeftOutlined />
<p>{text}</p>
</Button>
</div>
<div className='absolute bottom-0 bg-gradient-to-t from-primary-500 to-transparent w-full rounded-b-lg min-h-[263px] flex flex-col items-center justify-center'>
<img src="/image/9261045e09137f3fcb925a78c55b6ddb.webp" alt="Logo" width={317} />
</div>
</div>
)
function AuthBanner({ text, href }: { text: string; href: string }) {
return (
<div className="hidden xl:block relative rounded-lg overflow-hidden w-[420px] min-h-[632px]">
<img
src="/image/95319c4f9953dfe6180200e529dfcea5.webp"
alt="Banner"
className="w-full h-full object-cover"
/>
{/* Top Gradient */}
<div className="absolute top-0 left-0 w-full h-[263px] bg-gradient-to-b from-[#23a1eb] to-transparent" />
{/* Bottom Gradient */}
<div className="absolute bottom-0 left-0 w-full h-[263px] bg-gradient-to-t from-[#23a1eb] to-transparent" />
{/* Navigation Button */}
<div className="absolute top-6 left-6 z-10">
<button
onClick={() => (document.location.href = href)}
className="flex items-center gap-2 bg-white px-4 py-2 rounded-md text-[#23a1eb] font-semibold text-[15px] shadow-sm hover:bg-gray-50 transition-colors cursor-pointer"
>
<Icon icon="lucide:chevron-left" width="16" height="16" />
{text}
</button>
</div>
{/* Logo */}
<div className="absolute bottom-8 left-1/2 -translate-x-1/2 z-10 w-[317px]">
<img
src="/image/9261045e09137f3fcb925a78c55b6ddb.webp"
alt="Logo"
className="w-full h-auto"
/>
</div>
</div>
);
}
export const LoginBanner: FC = (): ReactElement => {