* refactor: replacing mobx with jotai Signed-off-by: James <james@jan.ai> Co-authored-by: James <james@jan.ai> Co-authored-by: Louis <louis@jan.ai>
21 lines
706 B
TypeScript
21 lines
706 B
TypeScript
import React from "react";
|
|
import { useSetAtom } from "jotai";
|
|
import { ChevronLeftIcon } from "@heroicons/react/24/outline";
|
|
import { showingAdvancedPromptAtom } from "@/_helpers/JotaiWrapper";
|
|
|
|
const BasicPromptButton: React.FC = () => {
|
|
const setShowingAdvancedPrompt = useSetAtom(showingAdvancedPromptAtom);
|
|
|
|
return (
|
|
<button
|
|
onClick={() => setShowingAdvancedPrompt(false)}
|
|
className="flex items-center mx-2 mt-3 mb-[10px] flex-none gap-1 text-xs leading-[18px] text-[#6B7280]"
|
|
>
|
|
<ChevronLeftIcon width={20} height={20} />
|
|
<span className="font-semibold text-gray-500 text-xs">BASIC PROMPT</span>
|
|
</button>
|
|
);
|
|
};
|
|
|
|
export default React.memo(BasicPromptButton);
|