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

View File

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