mirror of
https://github.com/MODSetter/SurfSense.git
synced 2026-05-25 19:15:18 +02:00
chore: ran linting
This commit is contained in:
parent
038cdb3ed3
commit
dfa0591740
3 changed files with 41 additions and 34 deletions
|
|
@ -208,7 +208,8 @@ export function RowActions({
|
||||||
<AlertDialogHeader>
|
<AlertDialogHeader>
|
||||||
<AlertDialogTitle>Delete document?</AlertDialogTitle>
|
<AlertDialogTitle>Delete document?</AlertDialogTitle>
|
||||||
<AlertDialogDescription>
|
<AlertDialogDescription>
|
||||||
This action cannot be undone. This will permanently delete this document from your search space.
|
This action cannot be undone. This will permanently delete this document from your
|
||||||
|
search space.
|
||||||
</AlertDialogDescription>
|
</AlertDialogDescription>
|
||||||
</AlertDialogHeader>
|
</AlertDialogHeader>
|
||||||
<AlertDialogFooter>
|
<AlertDialogFooter>
|
||||||
|
|
|
||||||
|
|
@ -73,21 +73,19 @@ function IntegrationCard({ integration }: { integration: Integration }) {
|
||||||
<div
|
<div
|
||||||
className="w-[60px] h-[60px] sm:w-[80px] sm:h-[80px] md:w-[120px] md:h-[120px] lg:w-[140px] lg:h-[140px] rounded-[16px] sm:rounded-[20px] md:rounded-[24px] flex items-center justify-center shrink-0 select-none"
|
className="w-[60px] h-[60px] sm:w-[80px] sm:h-[80px] md:w-[120px] md:h-[120px] lg:w-[140px] lg:h-[140px] rounded-[16px] sm:rounded-[20px] md:rounded-[24px] flex items-center justify-center shrink-0 select-none"
|
||||||
style={{
|
style={{
|
||||||
background:
|
background: "linear-gradient(145deg, var(--card-from), var(--card-to))",
|
||||||
"linear-gradient(145deg, var(--card-from), var(--card-to))",
|
boxShadow: "inset 0 1px 0 0 var(--card-highlight), 0 4px 24px var(--card-shadow)",
|
||||||
boxShadow:
|
|
||||||
"inset 0 1px 0 0 var(--card-highlight), 0 4px 24px var(--card-shadow)",
|
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<Image
|
<Image
|
||||||
src={integration.icon}
|
src={integration.icon}
|
||||||
alt={integration.name}
|
alt={integration.name}
|
||||||
className="w-6 h-6 sm:w-7 sm:h-7 md:w-10 md:h-10 lg:w-12 lg:h-12 object-contain select-none pointer-events-none"
|
className="w-6 h-6 sm:w-7 sm:h-7 md:w-10 md:h-10 lg:w-12 lg:h-12 object-contain select-none pointer-events-none"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
draggable={false}
|
draggable={false}
|
||||||
width={48}
|
width={48}
|
||||||
height={48}
|
height={48}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
@ -132,7 +130,10 @@ function ScrollingColumn({
|
||||||
));
|
));
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="flex-shrink-0 overflow-hidden" style={{ ...columnMask, contain: "layout style paint" }}>
|
<div
|
||||||
|
className="flex-shrink-0 overflow-hidden"
|
||||||
|
style={{ ...columnMask, contain: "layout style paint" }}
|
||||||
|
>
|
||||||
{/* Outer div has NO gap — each inner copy uses pb matching the gap so both halves are identical in height → seamless -50% loop */}
|
{/* Outer div has NO gap — each inner copy uses pb matching the gap so both halves are identical in height → seamless -50% loop */}
|
||||||
<div
|
<div
|
||||||
className="flex flex-col"
|
className="flex flex-col"
|
||||||
|
|
@ -166,13 +167,13 @@ export default function ExternalIntegrations() {
|
||||||
"[--card-lowlight:transparent]",
|
"[--card-lowlight:transparent]",
|
||||||
"[--card-shadow:transparent]",
|
"[--card-shadow:transparent]",
|
||||||
"[--card-border:transparent]",
|
"[--card-border:transparent]",
|
||||||
// CSS custom properties — dark mode (card styling)
|
// CSS custom properties — dark mode (card styling)
|
||||||
"dark:[--card-from:rgb(28,28,32)]",
|
"dark:[--card-from:rgb(28,28,32)]",
|
||||||
"dark:[--card-to:rgb(28,28,32)]",
|
"dark:[--card-to:rgb(28,28,32)]",
|
||||||
"dark:[--card-highlight:rgba(255,255,255,0.03)]",
|
"dark:[--card-highlight:rgba(255,255,255,0.03)]",
|
||||||
"dark:[--card-lowlight:rgba(0,0,0,0.1)]",
|
"dark:[--card-lowlight:rgba(0,0,0,0.1)]",
|
||||||
"dark:[--card-shadow:rgba(0,0,0,0.15)]",
|
"dark:[--card-shadow:rgba(0,0,0,0.15)]",
|
||||||
"dark:[--card-border:rgba(255,255,255,0.03)]",
|
"dark:[--card-border:rgba(255,255,255,0.03)]",
|
||||||
].join(" ")}
|
].join(" ")}
|
||||||
>
|
>
|
||||||
{/* Heading */}
|
{/* Heading */}
|
||||||
|
|
@ -203,15 +204,15 @@ export default function ExternalIntegrations() {
|
||||||
{/* 5 scrolling columns */}
|
{/* 5 scrolling columns */}
|
||||||
<div className="flex justify-center gap-2 sm:gap-3 md:gap-5 lg:gap-6 h-[340px] sm:h-[420px] md:h-[560px] lg:h-[640px] overflow-hidden">
|
<div className="flex justify-center gap-2 sm:gap-3 md:gap-5 lg:gap-6 h-[340px] sm:h-[420px] md:h-[560px] lg:h-[640px] overflow-hidden">
|
||||||
{COLUMNS.map((column, colIndex) => (
|
{COLUMNS.map((column, colIndex) => (
|
||||||
<ScrollingColumn
|
<ScrollingColumn
|
||||||
key={`col-${SCROLL_DURATIONS[colIndex]}-${colIndex}`}
|
key={`col-${SCROLL_DURATIONS[colIndex]}-${colIndex}`}
|
||||||
cards={column}
|
cards={column}
|
||||||
scrollUp={colIndex % 2 === 0}
|
scrollUp={colIndex % 2 === 0}
|
||||||
duration={SCROLL_DURATIONS[colIndex]}
|
duration={SCROLL_DURATIONS[colIndex]}
|
||||||
colIndex={colIndex}
|
colIndex={colIndex}
|
||||||
isEdge={colIndex === 0 || colIndex === COLUMNS.length - 1}
|
isEdge={colIndex === 0 || colIndex === COLUMNS.length - 1}
|
||||||
isEdgeAdjacent={colIndex === 1 || colIndex === COLUMNS.length - 2}
|
isEdgeAdjacent={colIndex === 1 || colIndex === COLUMNS.length - 2}
|
||||||
/>
|
/>
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -15,11 +15,16 @@ import { EnumConnectorName } from "./connector";
|
||||||
|
|
||||||
export const getConnectorIcon = (connectorType: EnumConnectorName | string, className?: string) => {
|
export const getConnectorIcon = (connectorType: EnumConnectorName | string, className?: string) => {
|
||||||
const iconProps = { className: className || "h-4 w-4" };
|
const iconProps = { className: className || "h-4 w-4" };
|
||||||
const imgProps = { className: `${className || "h-5 w-5"} select-none pointer-events-none`, width: 20, height: 20, draggable: false as const };
|
const imgProps = {
|
||||||
|
className: `${className || "h-5 w-5"} select-none pointer-events-none`,
|
||||||
|
width: 20,
|
||||||
|
height: 20,
|
||||||
|
draggable: false as const,
|
||||||
|
};
|
||||||
|
|
||||||
switch (connectorType) {
|
switch (connectorType) {
|
||||||
case EnumConnectorName.LINKUP_API:
|
case EnumConnectorName.LINKUP_API:
|
||||||
return <Image src="/connectors/linkup.svg" alt="Linkup" {...imgProps} />;
|
return <Image src="/connectors/linkup.svg" alt="Linkup" {...imgProps} />;
|
||||||
case EnumConnectorName.LINEAR_CONNECTOR:
|
case EnumConnectorName.LINEAR_CONNECTOR:
|
||||||
return <Image src="/connectors/linear.svg" alt="Linear" {...imgProps} />;
|
return <Image src="/connectors/linear.svg" alt="Linear" {...imgProps} />;
|
||||||
case EnumConnectorName.GITHUB_CONNECTOR:
|
case EnumConnectorName.GITHUB_CONNECTOR:
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue