chore: lint
This commit is contained in:
@@ -1,8 +1,9 @@
|
|||||||
import { FunctionComponent } from 'preact'
|
import { FunctionComponent } from 'preact'
|
||||||
import { HorizontalSeparator } from '@/Components/Shared/HorizontalSeparator'
|
import { HorizontalSeparator } from '@/Components/Shared/HorizontalSeparator'
|
||||||
|
|
||||||
const HorizontalLine: FunctionComponent<{ index: number; length: number }> = ({ index, length }) =>
|
const HorizontalLine: FunctionComponent<{ index: number; length: number }> = ({ index, length }) => {
|
||||||
(index < length - 1 ? <HorizontalSeparator classes="my-4" /> : null)
|
return index < length - 1 ? <HorizontalSeparator classes="my-4" /> : null
|
||||||
|
}
|
||||||
|
|
||||||
export const PreferencesGroup: FunctionComponent = ({ children }) => (
|
export const PreferencesGroup: FunctionComponent = ({ children }) => (
|
||||||
<div className="bg-default border-1 border-solid rounded border-main px-6 py-6 flex flex-col mb-3">
|
<div className="bg-default border-1 border-solid rounded border-main px-6 py-6 flex flex-col mb-3">
|
||||||
|
|||||||
@@ -53,8 +53,9 @@ export const RemoteHistoryList: FunctionComponent<RemoteHistoryListProps> = obse
|
|||||||
ref={remoteHistoryListRef}
|
ref={remoteHistoryListRef}
|
||||||
>
|
>
|
||||||
{isFetchingRemoteHistory && <div className="sk-spinner w-5 h-5 spinner-info"></div>}
|
{isFetchingRemoteHistory && <div className="sk-spinner w-5 h-5 spinner-info"></div>}
|
||||||
{remoteHistory?.map((group) =>
|
{remoteHistory?.map((group) => {
|
||||||
(group.entries && group.entries.length ? (
|
if (group.entries && group.entries.length) {
|
||||||
|
return (
|
||||||
<Fragment key={group.title}>
|
<Fragment key={group.title}>
|
||||||
<div className="px-3 mt-2.5 mb-1 font-semibold color-text uppercase color-grey-0 select-none">
|
<div className="px-3 mt-2.5 mb-1 font-semibold color-text uppercase color-grey-0 select-none">
|
||||||
{group.title}
|
{group.title}
|
||||||
@@ -75,8 +76,11 @@ export const RemoteHistoryList: FunctionComponent<RemoteHistoryListProps> = obse
|
|||||||
</HistoryListItem>
|
</HistoryListItem>
|
||||||
))}
|
))}
|
||||||
</Fragment>
|
</Fragment>
|
||||||
) : null),
|
)
|
||||||
)}
|
} else {
|
||||||
|
return null
|
||||||
|
}
|
||||||
|
})}
|
||||||
{!remoteHistoryLength && !isFetchingRemoteHistory && (
|
{!remoteHistoryLength && !isFetchingRemoteHistory && (
|
||||||
<div className="color-grey-0 select-none">No remote history found</div>
|
<div className="color-grey-0 select-none">No remote history found</div>
|
||||||
)}
|
)}
|
||||||
|
|||||||
@@ -53,8 +53,9 @@ export const SessionHistoryList: FunctionComponent<Props> = ({
|
|||||||
}`}
|
}`}
|
||||||
ref={sessionHistoryListRef}
|
ref={sessionHistoryListRef}
|
||||||
>
|
>
|
||||||
{sessionHistory?.map((group) =>
|
{sessionHistory?.map((group) => {
|
||||||
(group.entries && group.entries.length ? (
|
if (group.entries && group.entries.length) {
|
||||||
|
return (
|
||||||
<Fragment key={group.title}>
|
<Fragment key={group.title}>
|
||||||
<div className="px-3 mt-2.5 mb-1 font-semibold color-text uppercase color-grey-0 select-none">
|
<div className="px-3 mt-2.5 mb-1 font-semibold color-text uppercase color-grey-0 select-none">
|
||||||
{group.title}
|
{group.title}
|
||||||
@@ -73,8 +74,11 @@ export const SessionHistoryList: FunctionComponent<Props> = ({
|
|||||||
</HistoryListItem>
|
</HistoryListItem>
|
||||||
))}
|
))}
|
||||||
</Fragment>
|
</Fragment>
|
||||||
) : null),
|
)
|
||||||
)}
|
} else {
|
||||||
|
return null
|
||||||
|
}
|
||||||
|
})}
|
||||||
{!sessionHistoryLength && <div className="color-grey-0 select-none">No session history found</div>}
|
{!sessionHistoryLength && <div className="color-grey-0 select-none">No session history found</div>}
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
|
|||||||
Reference in New Issue
Block a user