jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Refactor: Create function to get style classes

Browse source
This commit is contained in:
igorrCarvalho 2024-05-30 17:09:26 -03:00
commit a88193aeee
2 changed files with 9 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/frontend/src/modals/IOModal/components/chatView/fileComponent/index.tsx
View file

@ -9,6 +9,7 @@ import { BACKEND_URL, BASE_URL_API } from "../../../../../constants/constants";
import formatFileName from "../filePreviewChat/utils/format-file-name";
import DownloadButton from "./components/downloadButton/downloadButton";
import handleDownload from "./utils/handle-download";
import getClasses from "./utils/get-classes";
const imgTypes = new Set(["png", "jpg"]);
@ -27,6 +28,8 @@ export default function FileCard({
setIsHovered(false);
}
const fileWrapperClasses = getClasses(isHovered);
const imgSrc = `${BACKEND_URL.slice(0, BACKEND_URL.length - 1)}${BASE_URL_API}files/images/${content}`;
if (showFile) {
@ -55,9 +58,7 @@ export default function FileCard({
return (
<div
className={`relative ${false ? "h-20 w-20" : "h-20 w-80"} cursor-pointer rounded-lg border border-ring bg-muted shadow transition duration-300 hover:drop-shadow-lg ${
isHovered ? "shadow-md" : ""
}`}
className={fileWrapperClasses}
onClick={() => handleDownload({ fileName, content })}
onMouseEnter={handleMouseEnter}
onMouseLeave={handleMouseLeave}

5
src/frontend/src/modals/IOModal/components/chatView/fileComponent/utils/get-classes.tsx Normal file
View file

@ -0,0 +1,5 @@
export default function getClasses(isHovered: boolean): string {
return `relative ${false ? "h-20 w-20" : "h-20 w-80"} cursor-pointer rounded-lg border border-ring bg-muted shadow transition duration-300 hover:drop-shadow-lg ${
isHovered ? "shadow-md" : ""
}`;
}