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

Fix: Ctrl displaying as Control

Browse source
This commit is contained in:
igorrCarvalho 2024-05-06 19:54:28 -03:00
commit 9466e061be
4 changed files with 15 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/frontend/src/pages/SettingsPage/pages/GlobalVariablesPage/index.tsx
View file

@ -178,6 +178,7 @@ export default function GlobalVariablesPage() {
pagination={false}
columnDefs={colDefs}
rowData={rowData}
containerStyle={{ overflow: "auto", maxWidth: "80vh" }}
/>
</div>
</div>

10
src/frontend/src/pages/SettingsPage/pages/ShortcutsPage/EditShortcutButton/index.tsx
View file

@ -114,10 +114,18 @@ export default function EditShortcutButton({
useEffect(() => {
function onKeyDown(e: KeyboardEvent) {
e.preventDefault();
let fixedKey = e.key;
if (key) {
if (key.toUpperCase().includes(e.key.toUpperCase())) return;
}
setKey((oldKey) => getFixedCombination({ oldKey: oldKey!, key: e.key }));
if (e.key?.toLowerCase() === "control") {
console.log("oi");
fixedKey = "Ctrl";
console.log(fixedKey);
}
setKey((oldKey) =>
getFixedCombination({ oldKey: oldKey!, key: fixedKey }),
);
}
document.addEventListener("keydown", onKeyDown);

2
src/frontend/src/pages/SettingsPage/pages/ShortcutsPage/index.tsx
View file

@ -86,7 +86,7 @@ export default function ShortcutsPage() {
setOpen={setOpen}
>
<Button variant="primary">
<ForwardedIconComponent name="Plus" className="mr-2 w-4" />
<ForwardedIconComponent name="Wrench" className="mr-2 w-4" />
Customize
</Button>
</EditShortcutButton>

6
src/frontend/src/utils/styleUtils.ts
View file

@ -141,7 +141,8 @@ import {
X,
XCircle,
Zap,
PlaySquare
PlaySquare,
Wrench,
} from "lucide-react";
import { FaApple, FaGithub } from "react-icons/fa";
import { AWSIcon } from "../icons/AWS";
@ -150,7 +151,7 @@ import { AnthropicIcon } from "../icons/Anthropic";
import { AstraDBIcon } from "../icons/AstraDB";
import { AzureIcon } from "../icons/Azure";
import { BingIcon } from "../icons/Bing";
import { BotMessageSquareIcon} from "../icons/BotMessageSquare";
import { BotMessageSquareIcon } from "../icons/BotMessageSquare";
import { ChromaIcon } from "../icons/ChromaIcon";
import { CohereIcon } from "../icons/Cohere";
import { ElasticsearchIcon } from "../icons/ElasticsearchStore";
@ -518,4 +519,5 @@ export const nodeIconsLucide: iconsType = {
ArrowBigUp,
Dot,
RotateCcw,
Wrench,
};