mirror of
https://github.com/Mintplex-Labs/anything-llm.git
synced 2024-09-22 04:10:10 +02:00
004b1f8db5
* WIP data connector redesign * new UI for data connectors complete * remove old data connector page/cleanup imports * cleanup of UI and imports --------- Co-authored-by: timothycarambat <rambat1010@gmail.com>
26 lines
1.1 KiB
JavaScript
26 lines
1.1 KiB
JavaScript
export default function DataConnectorOption({ slug }) {
|
|
if (!DATA_CONNECTORS.hasOwnProperty(slug)) return null;
|
|
const { path, image, name, description, link } = DATA_CONNECTORS[slug];
|
|
|
|
return (
|
|
<a href={path}>
|
|
<label className="transition-all duration-300 inline-flex flex-col h-full w-60 cursor-pointer items-start justify-between rounded-2xl bg-preference-gradient border-2 border-transparent shadow-md px-5 py-4 text-white hover:bg-selected-preference-gradient hover:border-white/60 peer-checked:border-white peer-checked:border-opacity-90 peer-checked:bg-selected-preference-gradient">
|
|
<div className="flex items-center">
|
|
<img src={image} alt={name} className="h-10 w-10 rounded" />
|
|
<div className="ml-4 text-sm font-semibold">{name}</div>
|
|
</div>
|
|
<div className="mt-2 text-xs font-base text-white tracking-wide">
|
|
{description}
|
|
</div>
|
|
<a
|
|
href={link}
|
|
target="_blank"
|
|
className="mt-2 text-xs text-white font-medium underline"
|
|
>
|
|
{link}
|
|
</a>
|
|
</label>
|
|
</a>
|
|
);
|
|
}
|