mirror of
https://github.com/supermemoryai/supermemory.git
synced 2026-05-19 07:42:43 +00:00
56590e9329
# Add document deletion functionality and fix UI theme issues This PR adds the ability to delete documents and their associated memories across all content card types (Google Docs, Notes, Tweets, and Websites). Each card now includes: - A delete button that appears on hover - A confirmation dialog to prevent accidental deletions - Proper event handling to avoid triggering card clicks when using delete controls Additionally, this PR fixes various UI theme issues: - Updates button styling in the ActionButtons component - Improves theme consistency by replacing hardcoded colors with theme variables - Fixes text color issues in login page components - Ensures proper color contrast in various UI elements The masonry layout was also improved to properly re-render when documents are removed.
29 lines
794 B
TypeScript
29 lines
794 B
TypeScript
import { cn } from "@lib/utils";
|
|
import { Button } from "@ui/components/button";
|
|
|
|
interface ExternalAuthButtonProps extends React.ComponentProps<typeof Button> {
|
|
authProvider: string;
|
|
authIcon: React.ReactNode;
|
|
}
|
|
|
|
export function ExternalAuthButton({
|
|
authProvider,
|
|
authIcon,
|
|
className,
|
|
...props
|
|
}: ExternalAuthButtonProps) {
|
|
return (
|
|
<Button
|
|
className={cn(
|
|
"flex flex-grow cursor-pointer max-w-full bg-background items-center justify-center gap-[0.625rem] rounded-xl border-[1.5px] border-border px-6 py-5 hover:bg-accent",
|
|
className,
|
|
)}
|
|
{...props}
|
|
>
|
|
<span className="aspect-square">{authIcon}</span>
|
|
<span className="text-foreground text-left text-[0.875rem] tracking-[-0.2px] leading-[1.25rem]">
|
|
Continue with {authProvider}
|
|
</span>
|
|
</Button>
|
|
);
|
|
}
|