forked from github/plane
44f8ba407d
* auth integration fixes * auth integration fixes * auth integration fixes * auth integration fixes * dev: update user api to return fallback workspace and improve the structure of the response * dev: fix the issue keyerror and move onboarding logic to serializer method field * dev: use-user-auth hook imlemented for route access validation and build issues resolved effected by user payload * fix: global theme color fix * style: new onboarding ui , fix: use-user-auth hook implemented * fix: command palette, project invite modal and issue detail page mutation type fix * fix: onboarding redirection fix * dev: build isuue resolved * fix: use user auth hook fix * fix: sign in toast alert fix, sign out redirection fix and user theme error fix * fix: user response fix * fix: unAuthorizedStatus logic updated --------- Co-authored-by: pablohashescobar <nikhilschacko@gmail.com> Co-authored-by: gurusainath <gurusainath007@gmail.com> Co-authored-by: anmolsinghbhatia <anmolsinghbhatia@caravel.tech>
30 lines
878 B
TypeScript
30 lines
878 B
TypeScript
import React from "react";
|
|
import Image from "next/image";
|
|
|
|
interface IOnboardingCard {
|
|
step: string;
|
|
title: string;
|
|
description: React.ReactNode | string;
|
|
imgURL: string;
|
|
}
|
|
|
|
type Props = {
|
|
data: IOnboardingCard;
|
|
gradient?: boolean;
|
|
};
|
|
|
|
export const OnboardingCard: React.FC<Props> = ({ data, gradient = false }) => (
|
|
<div
|
|
className={`flex flex-col items-center justify-center gap-7 rounded-[10px] px-14 pt-10 text-center ${
|
|
gradient ? "bg-gradient-to-b from-[#C1DDFF] via-brand-base to-transparent" : ""
|
|
}`}
|
|
>
|
|
<div className="h-44 w-full">
|
|
<Image src={data.imgURL} height="180" width="450" alt={data.title} />
|
|
</div>
|
|
<h3 className="text-2xl font-medium">{data.title}</h3>
|
|
<p className="text-base text-brand-secondary">{data.description}</p>
|
|
<span className="text-base text-brand-secondary">{data.step}</span>
|
|
</div>
|
|
);
|