style: dropdowns, feat: favorite projects in sidebar

This commit is contained in:
Aaryan Khandelwal 2023-03-04 17:47:03 +05:30
parent 067859b4bd
commit 4d598fd6b6
44 changed files with 574 additions and 950 deletions

View file

@ -135,6 +135,7 @@ const ControlSettings: NextPage<TControlSettingsProps> = (props) => {
people?.find((person) => person.member.id === field.value)?.member
.first_name ?? "Select Lead"
}
width="w-full"
input
>
{people?.map((person) => (
@ -143,7 +144,7 @@ const ControlSettings: NextPage<TControlSettingsProps> = (props) => {
value={person.member.id}
className="flex items-center gap-2"
>
<>
<div className="flex items-center gap-2">
{person.member.avatar && person.member.avatar !== "" ? (
<div className="relative h-4 w-4">
<Image
@ -164,7 +165,7 @@ const ControlSettings: NextPage<TControlSettingsProps> = (props) => {
{person.member.first_name !== ""
? person.member.first_name
: person.member.email}
</>
</div>
</CustomSelect.Option>
))}
</CustomSelect>
@ -194,6 +195,7 @@ const ControlSettings: NextPage<TControlSettingsProps> = (props) => {
people?.find((p) => p.member.id === field.value)?.member.first_name ??
"Select Default Assignee"
}
width="w-full"
input
>
{people?.map((person) => (
@ -202,7 +204,7 @@ const ControlSettings: NextPage<TControlSettingsProps> = (props) => {
value={person.member.id}
className="flex items-center gap-2"
>
<>
<div className="flex items-center gap-2">
{person.member.avatar && person.member.avatar !== "" ? (
<div className="relative h-4 w-4">
<Image
@ -223,7 +225,7 @@ const ControlSettings: NextPage<TControlSettingsProps> = (props) => {
{person.member.first_name !== ""
? person.member.first_name
: person.member.email}
</>
</div>
</CustomSelect.Option>
))}
</CustomSelect>

View file

@ -93,7 +93,7 @@ const FeaturesSettings: NextPage<UserAuth> = (props) => {
<section className="space-y-8">
<h3 className="text-2xl font-semibold">Features</h3>
<div className="space-y-5">
<div className="flex items-center justify-between gap-x-8 gap-y-2 rounded-[10px] border border-gray-200 bg-white p-6">
<div className="flex items-center justify-between gap-x-8 gap-y-2 rounded-[10px] border bg-white p-6">
<div className="flex items-start gap-3">
<ContrastIcon color="#3f76ff" width={28} height={28} className="flex-shrink-0" />
<div>
@ -122,7 +122,7 @@ const FeaturesSettings: NextPage<UserAuth> = (props) => {
/>
</button>
</div>
<div className="flex items-center justify-between gap-x-8 gap-y-2 rounded-[10px] border border-gray-200 bg-white p-6">
<div className="flex items-center justify-between gap-x-8 gap-y-2 rounded-[10px] border bg-white p-6">
<div className="flex items-start gap-3">
<GridViewIcon color="#ff6b00" width={28} height={28} className="flex-shrink-0" />
<div>

View file

@ -272,7 +272,7 @@ const GeneralSettings: NextPage<UserAuth> = (props) => {
input
>
{Object.keys(NETWORK_CHOICES).map((key) => (
<CustomSelect.Option key={key} value={key}>
<CustomSelect.Option key={key} value={parseInt(key)}>
{NETWORK_CHOICES[key as keyof typeof NETWORK_CHOICES]}
</CustomSelect.Option>
))}

View file

@ -70,7 +70,7 @@ const ProjectIntegrations: NextPage<UserAuth> = (props) => {
</div>
</section>
) : (
<div className="grid h-full w-full place-items-center px-4 sm:px-0">
<div className="grid h-full w-full place-items-center">
<EmptySpace
title="You haven't added any integration yet."
description="Add GitHub and other integrations to sync your project issues."
@ -87,7 +87,7 @@ const ProjectIntegrations: NextPage<UserAuth> = (props) => {
</div>
)
) : (
<Loader className="space-y-5 md:w-2/3">
<Loader className="space-y-5">
<Loader.Item height="40px" />
<Loader.Item height="40px" />
<Loader.Item height="40px" />

View file

@ -181,7 +181,7 @@ const MembersSettings: NextPage<UserAuth> = ({ isMember, isOwner, isViewer, isGu
<Loader.Item height="40px" />
</Loader>
) : (
<div className="divide-y rounded-[10px] border border-gray-200 bg-white px-6">
<div className="divide-y rounded-[10px] border bg-white px-6">
{members.length > 0
? members.map((member) => (
<div key={member.id} className="flex items-center justify-between py-6">

View file

@ -99,7 +99,7 @@ const StatesSettings: NextPage<UserAuth> = (props) => {
Add
</button>
</div>
<div className="divide-y rounded-[10px] border border-gray-200">
<div className="divide-y rounded-[10px] border">
{key === activeGroup && (
<CreateUpdateStateInline
onClose={() => {