apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-04-26 01:06:23 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Refactor register page

Browse source
This commit is contained in:
thierryverse 2025-11-15 02:07:20 +02:00
parent 82fea0ceee
commit 41a938cec0
24 changed files with 292 additions and 196 deletions
Download patch file Download diff file Expand all files Collapse all files

6
surfsense_web/components/chat/ChatPanel/ChatPanelContainer.tsx
View file

@ -2,10 +2,10 @@
import { useAtom, useAtomValue } from "jotai";
import { LoaderIcon, PanelRight, TriangleAlert } from "lucide-react";
import { toast } from "sonner";
import { activeChatAtom, activeChatIdAtom } from "@/atoms/chats/chat-querie.atoms";
import { activeChathatUIAtom } from "@/atoms/chats/ui.atoms";
import { generatePodcast } from "@/lib/apis/podcasts.api";
import { cn } from "@/lib/utils";
import { activeChatAtom, activeChatIdAtom } from "@/atoms/chats/chat-queries.atom";
import { chatUIAtom } from "@/atoms/chats/chat-uis.atom";
import { ChatPanelView } from "./ChatPanelView";
export interface GeneratePodcastRequest {
@ -24,7 +24,7 @@ export function ChatPanelContainer() {
} = useAtomValue(activeChatAtom);
const activeChatIdState = useAtomValue(activeChatIdAtom);
const authToken = localStorage.getItem("surfsense_bearer_token");
const { isChatPannelOpen } = useAtomValue(chatUIAtom);
const { isChatPannelOpen } = useAtomValue(activeChathatUIAtom);
const handleGeneratePodcast = async (request: GeneratePodcastRequest) => {
try {

8
surfsense_web/components/chat/ChatPanel/ChatPanelView.tsx
View file

@ -4,9 +4,9 @@ import { useAtom, useAtomValue } from "jotai";
import { AlertCircle, Play, RefreshCw, Sparkles } from "lucide-react";
import { motion } from "motion/react";
import { useCallback } from "react";
import { activeChatAtom } from "@/atoms/chats/chat-querie.atoms";
import { activeChathatUIAtom } from "@/atoms/chats/ui.atoms";
import { cn } from "@/lib/utils";
import { activeChatAtom } from "@/atoms/chats/chat-queries.atom";
import { chatUIAtom } from "@/atoms/chats/chat-uis.atom";
import { getPodcastStalenessMessage, isPodcastStale } from "../PodcastUtils";
import type { GeneratePodcastRequest } from "./ChatPanelContainer";
import { ConfigModal } from "./ConfigModal";
@ -17,7 +17,7 @@ interface ChatPanelViewProps {
}
export function ChatPanelView(props: ChatPanelViewProps) {
const [chatUIState, setChatUIState] = useAtom(chatUIAtom);
const [chatUIState, setChatUIState] = useAtom(activeChathatUIAtom);
const { data: activeChatState } = useAtomValue(activeChatAtom);
const { isChatPannelOpen } = chatUIState;
@ -40,6 +40,7 @@ export function ChatPanelView(props: ChatPanelViewProps) {
});
}, [chatDetails, generatePodcast]);
// biome-ignore-start lint/a11y/useSemanticElements: using div for custom layout — will convert later
return (
<div className="w-full">
<div className={cn("w-full p-4", !isChatPannelOpen && "flex items-center justify-center")}>
@ -202,4 +203,5 @@ export function ChatPanelView(props: ChatPanelViewProps) {
) : null}
</div>
);
// biome-ignore-end lint/a11y/useSemanticElements : using div for custom layout — will convert later
}

2
surfsense_web/components/chat/ChatPanel/ConfigModal.tsx
View file

@ -3,8 +3,8 @@
import { useAtomValue } from "jotai";
import { Pencil } from "lucide-react";
import { useCallback, useContext, useState } from "react";
import { activeChatAtom } from "@/atoms/chats/chat-querie.atoms";
import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
import { activeChatAtom } from "@/atoms/chats/chat-queries.atom";
import type { GeneratePodcastRequest } from "./ChatPanelContainer";
interface ConfigModalProps {