mirror of
https://github.com/supermemoryai/supermemory.git
synced 2026-10-07 02:58:11 +00:00
feat: improved add memory UI bits (#502)
This commit is contained in:
parent
cccb35160d
commit
b1a18e6439
6 changed files with 21 additions and 21 deletions
|
|
@ -26,7 +26,7 @@ export function ActionButtons({
|
|||
return (
|
||||
<div className={`flex gap-3 order-1 sm:order-2 justify-end ${className}`}>
|
||||
<Button
|
||||
className="hover:bg-foreground/10 border-none flex-1 sm:flex-initial"
|
||||
className="hover:bg-foreground/10 border-none flex-1 sm:flex-initial cursor-pointer"
|
||||
onClick={onCancel}
|
||||
type="button"
|
||||
variant="ghost"
|
||||
|
|
@ -40,7 +40,7 @@ export function ActionButtons({
|
|||
className="flex-1 sm:flex-initial"
|
||||
>
|
||||
<Button
|
||||
className="w-full"
|
||||
className="w-full cursor-pointer"
|
||||
disabled={isSubmitting || isSubmitDisabled}
|
||||
onClick={submitType === "button" ? onSubmit : undefined}
|
||||
type={submitType}
|
||||
|
|
|
|||
|
|
@ -557,7 +557,7 @@ export function AddMemoryView({
|
|||
<TabsList className="flex flex-col gap-2 max-w-48 h-fit bg-transparent p-0">
|
||||
<TabsTrigger
|
||||
value="note"
|
||||
className="flex flex-col gap-1 justify-start items-start h-auto w-full"
|
||||
className="flex flex-col gap-1 justify-start items-start h-auto w-full cursor-pointer"
|
||||
>
|
||||
<div className="flex gap-1 items-center">
|
||||
<Brain className="h-4 w-4" />
|
||||
|
|
@ -569,7 +569,7 @@ export function AddMemoryView({
|
|||
</TabsTrigger>
|
||||
<TabsTrigger
|
||||
value="link"
|
||||
className="flex flex-col gap-1 justify-start items-start h-auto w-full"
|
||||
className="flex flex-col gap-1 justify-start items-start h-auto w-full cursor-pointer"
|
||||
>
|
||||
<div className="flex gap-1 items-center">
|
||||
<LinkIcon className="h-4 w-4" />
|
||||
|
|
@ -581,7 +581,7 @@ export function AddMemoryView({
|
|||
</TabsTrigger>
|
||||
<TabsTrigger
|
||||
value="file"
|
||||
className="flex flex-col gap-1 justify-start items-start h-auto w-full"
|
||||
className="flex flex-col gap-1 justify-start items-start h-auto w-full cursor-pointer"
|
||||
>
|
||||
<div className="flex gap-1 items-center">
|
||||
<FileIcon className="h-4 w-4" />
|
||||
|
|
@ -593,7 +593,7 @@ export function AddMemoryView({
|
|||
</TabsTrigger>
|
||||
<TabsTrigger
|
||||
value="connect"
|
||||
className="flex flex-col gap-1 justify-start items-start h-auto w-full"
|
||||
className="flex flex-col gap-1 justify-start items-start h-auto w-full cursor-pointer"
|
||||
>
|
||||
<div className="flex gap-1 items-center">
|
||||
<PlugIcon className="h-4 w-4" />
|
||||
|
|
@ -1037,7 +1037,7 @@ export function AddMemoryView({
|
|||
whileTap={{ scale: 0.95 }}
|
||||
>
|
||||
<Button
|
||||
className="bg-white/5 hover:bg-white/10 border-white/10 w-full sm:w-auto"
|
||||
className="bg-white/5 hover:bg-white/10 border-white/10 w-full sm:w-auto cursor-pointer"
|
||||
onClick={() => {
|
||||
setShowCreateProjectDialog(false)
|
||||
setNewProjectName("")
|
||||
|
|
@ -1054,7 +1054,7 @@ export function AddMemoryView({
|
|||
whileTap={{ scale: 0.95 }}
|
||||
>
|
||||
<Button
|
||||
className="bg-white/10 hover:bg-white/20 border-white/20 w-full sm:w-auto"
|
||||
className="bg-white/10 hover:bg-white/20 border-white/20 w-full sm:w-auto cursor-pointer"
|
||||
disabled={
|
||||
createProjectMutation.isPending || !newProjectName.trim()
|
||||
}
|
||||
|
|
@ -1105,7 +1105,7 @@ export function AddMemoryExpandedView() {
|
|||
<div className="flex flex-wrap gap-2">
|
||||
<motion.div whileHover={{ scale: 1.05 }} whileTap={{ scale: 0.95 }}>
|
||||
<Button
|
||||
className="bg-white/10 hover:bg-white/20 border-white/20"
|
||||
className="bg-white/10 hover:bg-white/20 border-white/20 cursor-pointer"
|
||||
onClick={() => handleOpenDialog("note")}
|
||||
size="sm"
|
||||
variant="outline"
|
||||
|
|
@ -1117,7 +1117,7 @@ export function AddMemoryExpandedView() {
|
|||
|
||||
<motion.div whileHover={{ scale: 1.05 }} whileTap={{ scale: 0.95 }}>
|
||||
<Button
|
||||
className="bg-white/10 hover:bg-white/20 border-white/20"
|
||||
className="bg-white/10 hover:bg-white/20 border-white/20 cursor-pointer"
|
||||
onClick={() => handleOpenDialog("link")}
|
||||
size="sm"
|
||||
variant="outline"
|
||||
|
|
@ -1129,7 +1129,7 @@ export function AddMemoryExpandedView() {
|
|||
|
||||
<motion.div whileHover={{ scale: 1.05 }} whileTap={{ scale: 0.95 }}>
|
||||
<Button
|
||||
className="bg-white/10 hover:bg-white/20 border-white/20"
|
||||
className="bg-white/10 hover:bg-white/20 border-white/20 cursor-pointer"
|
||||
onClick={() => handleOpenDialog("file")}
|
||||
size="sm"
|
||||
variant="outline"
|
||||
|
|
@ -1141,7 +1141,7 @@ export function AddMemoryExpandedView() {
|
|||
|
||||
<motion.div whileHover={{ scale: 1.05 }} whileTap={{ scale: 0.95 }}>
|
||||
<Button
|
||||
className="bg-white/10 hover:bg-white/20 border-white/20"
|
||||
className="bg-white/10 hover:bg-white/20 border-white/20 cursor-pointer"
|
||||
onClick={() => handleOpenDialog("connect")}
|
||||
size="sm"
|
||||
variant="outline"
|
||||
|
|
|
|||
|
|
@ -50,7 +50,7 @@ export function ProjectSelection({
|
|||
value={selectedProject}
|
||||
>
|
||||
<SelectTrigger
|
||||
className={`bg-foreground/5 border-foreground/10 ${className}`}
|
||||
className={`bg-foreground/5 border-foreground/10 cursor-pointer ${className}`}
|
||||
id={id}
|
||||
>
|
||||
<SelectValue placeholder="Select a project" />
|
||||
|
|
|
|||
|
|
@ -404,7 +404,7 @@ export function TextEditor({
|
|||
variant="ghost"
|
||||
size="sm"
|
||||
className={cn(
|
||||
"h-8 w-8 !p-0 text-foreground/70 transition-all duration-200 rounded-sm",
|
||||
"h-8 w-8 !p-0 text-foreground/70 transition-all duration-200 rounded-sm cursor-pointer",
|
||||
"hover:bg-foreground/15 hover:text-foreground hover:scale-105",
|
||||
"active:scale-95",
|
||||
isActive && "bg-foreground/20 text-foreground",
|
||||
|
|
@ -425,7 +425,7 @@ export function TextEditor({
|
|||
return (
|
||||
<div className={cn("bg-foreground/5 border border-foreground/10 rounded-md", containerClassName)}>
|
||||
<div className={cn("flex flex-col", className)}>
|
||||
<div className="flex-1 min-h-48 max-h-64 overflow-y-auto">
|
||||
<div className="flex-1 min-h-48 overflow-y-auto">
|
||||
<Slate
|
||||
editor={editor}
|
||||
initialValue={editorValue}
|
||||
|
|
@ -451,8 +451,8 @@ export function TextEditor({
|
|||
disabled && "opacity-50 cursor-not-allowed",
|
||||
)}
|
||||
style={{
|
||||
minHeight: "11rem",
|
||||
maxHeight: "15rem",
|
||||
minHeight: "23rem",
|
||||
maxHeight: "23rem",
|
||||
padding: "12px",
|
||||
overflowX: "hidden",
|
||||
}}
|
||||
|
|
|
|||
|
|
@ -213,7 +213,7 @@ export function ConnectionsTabContent() {
|
|||
sync your documents.
|
||||
</p>
|
||||
<Button
|
||||
className="bg-yellow-500/20 text-black-400 hover:bg-yellow-500/30 dark:text-yellow-400 border-yellow-500/30"
|
||||
className="bg-yellow-500/20 text-black-400 hover:bg-yellow-500/30 dark:text-yellow-400 border-yellow-500/30 cursor-pointer"
|
||||
onClick={handleUpgrade}
|
||||
size="sm"
|
||||
variant="secondary"
|
||||
|
|
@ -280,7 +280,7 @@ export function ConnectionsTabContent() {
|
|||
whileTap={{ scale: 0.9 }}
|
||||
>
|
||||
<Button
|
||||
className="text-foreground/50 hover:text-red-400"
|
||||
className="text-foreground/50 hover:text-red-400 cursor-pointer"
|
||||
disabled={deleteConnectionMutation.isPending}
|
||||
onClick={() =>
|
||||
deleteConnectionMutation.mutate(connection.id)
|
||||
|
|
@ -311,7 +311,7 @@ export function ConnectionsTabContent() {
|
|||
transition={{ delay: index * 0.05 }}
|
||||
>
|
||||
<Button
|
||||
className="justify-start h-auto p-4 bg-foreground/5 hover:bg-foreground/10 border-foreground/10 w-full"
|
||||
className="justify-start h-auto p-4 bg-foreground/5 hover:bg-foreground/10 border-foreground/10 w-full cursor-pointer"
|
||||
disabled={addConnectionMutation.isPending}
|
||||
onClick={() => {
|
||||
addConnectionMutation.mutate(provider as ConnectorProvider)
|
||||
|
|
|
|||
|
|
@ -83,7 +83,7 @@ export const Dropzone = ({
|
|||
>
|
||||
<Button
|
||||
className={cn(
|
||||
"relative h-auto w-full flex-col overflow-hidden p-8",
|
||||
"relative h-auto w-full flex-col overflow-hidden p-8 cursor-pointer",
|
||||
isDragActive && "outline-none ring-1 ring-ring",
|
||||
className,
|
||||
)}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue