fix: lint error on project settings, borders in states tab

This commit is contained in:
Dakshesh Jain 2022-12-20 10:37:27 +05:30
parent 6353a0f2b6
commit 010d98c40d
2 changed files with 4 additions and 4 deletions

View File

@ -76,8 +76,8 @@ const StatesSettings: React.FC<Props> = ({ projectId }) => {
state.id !== selectedState ? ( state.id !== selectedState ? (
<div <div
key={state.id} key={state.id}
className={`bg-gray-50 p-3 flex justify-between items-center gap-2 border-b ${ className={`bg-gray-50 p-3 flex justify-between items-center gap-2 border-t ${
Boolean(activeGroup !== key) ? "last:border-0" : "" Boolean(activeGroup !== key) ? "first:border-0" : ""
}`} }`}
> >
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
@ -99,7 +99,7 @@ const StatesSettings: React.FC<Props> = ({ projectId }) => {
</div> </div>
</div> </div>
) : ( ) : (
<div className={`border-b last:border-b-0`} key={state.id}> <div className={`border-t first:border-t-0`} key={state.id}>
<CreateUpdateStateInline <CreateUpdateStateInline
projectId={projectId as string} projectId={projectId as string}
onClose={() => { onClose={() => {

View File

@ -176,7 +176,7 @@ const ProjectSettings: NextPage = () => {
<Tab.Group> <Tab.Group>
<Tab.List className="flex items-center gap-x-4 gap-y-2 flex-wrap mb-8"> <Tab.List className="flex items-center gap-x-4 gap-y-2 flex-wrap mb-8">
{["General", "Control", "Members", "States", "Labels"].map((tab, index) => ( {["General", "Control", "Members", "States", "Labels"].map((tab, index) => (
<Tab key={index}> <Tab key={index} as="div">
{({ selected }) => ( {({ selected }) => (
<Button theme="secondary" className={selected ? "border-theme" : ""}> <Button theme="secondary" className={selected ? "border-theme" : ""}>
{tab} {tab}