QuivrHQ/quivr
1
1
Fork 0
mirror of https://github.com/QuivrHQ/quivr.git synced 2024-12-15 01:21:48 +03:00
Code Issues Packages Projects Releases Wiki Activity

feat: change share brain button logic (#1078)

Browse Source
This commit is contained in:
Mamadou DICKO 2023-08-31 16:02:32 +02:00 committed by GitHub
parent 55a387d740
commit aaf841136c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 30 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/app/brains-management/[brainId]/components/BrainManagementTabs/hooks/useBrainManagementTabs.ts
View File

@ -5,11 +5,14 @@ import { useState } from "react";
import { useBrainContext } from "@/lib/context/BrainProvider/hooks/useBrainContext"; import { useBrainContext } from "@/lib/context/BrainProvider/hooks/useBrainContext";
import { BrainManagementTab } from "../types"; import { BrainManagementTab } from "../types";
import { getTargetedTab } from "../utils/getTargetedTab";
// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
export const useBrainManagementTabs = () => { export const useBrainManagementTabs = () => {
const [selectedTab, setSelectedTab] = const [selectedTab, setSelectedTab] = useState<BrainManagementTab>(
useState<BrainManagementTab>("settings"); getTargetedTab() ?? "settings"
);
const { deleteBrain, setCurrentBrainId } = useBrainContext(); const { deleteBrain, setCurrentBrainId } = useBrainContext();
const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false); const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
const router = useRouter(); const router = useRouter();

4
frontend/app/brains-management/[brainId]/components/BrainManagementTabs/types.ts
View File

@ -1 +1,3 @@
export type BrainManagementTab = "settings" | "people" | "knowledge"; export const brainManagementTabs = ["settings", "people", "knowledge"] as const;
export type BrainManagementTab = (typeof brainManagementTabs)[number];

8
frontend/app/brains-management/[brainId]/components/BrainManagementTabs/utils/getTargetedTab.ts Normal file
View File

@ -0,0 +1,8 @@
import { BrainManagementTab, brainManagementTabs } from "../types";
export const getTargetedTab = (): BrainManagementTab | undefined => {
const targetedTab = window.location.hash.split("#")[1];
if (brainManagementTabs.includes(targetedTab as BrainManagementTab)) {
return targetedTab as BrainManagementTab;
}
};

17
frontend/app/chat/[chatId]/components/ActionsBar/components/ChatInput/components/ChatBar/components/MentionInput/components/SuggestionRow.tsx
View File

@ -1,8 +1,9 @@
import { EntryComponentProps } from "@draft-js-plugins/mention/lib/MentionSuggestions/Entry/Entry"; import { EntryComponentProps } from "@draft-js-plugins/mention/lib/MentionSuggestions/Entry/Entry";
import { UUID } from "crypto"; import { useRouter } from "next/navigation";
import { MdShare } from "react-icons/md";
import { MentionTriggerType } from "@/app/chat/[chatId]/components/ActionsBar/types"; import { MentionTriggerType } from "@/app/chat/[chatId]/components/ActionsBar/types";
import { ShareBrain } from "@/lib/components/ShareBrain"; import Button from "@/lib/components/ui/Button";
import { BrainSuggestion } from "./BrainSuggestion"; import { BrainSuggestion } from "./BrainSuggestion";
import { PromptSuggestion } from "./PromptSuggestion"; import { PromptSuggestion } from "./PromptSuggestion";
@ -11,13 +12,23 @@ export const SuggestionRow = ({
mention, mention,
...otherProps ...otherProps
}: EntryComponentProps): JSX.Element => { }: EntryComponentProps): JSX.Element => {
const router = useRouter();
if ((mention.trigger as MentionTriggerType) === "@") { if ((mention.trigger as MentionTriggerType) === "@") {
return ( return (
<div {...otherProps}> <div {...otherProps}>
<div className="relative flex group px-4"> <div className="relative flex group px-4">
<BrainSuggestion content={mention.name} /> <BrainSuggestion content={mention.name} />
<div className="absolute right-0 flex flex-row"> <div className="absolute right-0 flex flex-row">
<ShareBrain brainId={mention.id as UUID} /> <Button
className="group-hover:visible invisible hover:text-red-500 transition-[colors,opacity] p-1"
onClick={() =>
router.push(`/brains-management/${mention.id as string}#people`)
}
variant={"tertiary"}
data-testId="share-brain-button"
>
<MdShare className="text-xl" />
</Button>
</div> </div>
</div> </div>
</div> </div>