From 3b68fef647e2f047be357f0d43e1f0d3d02c9200 Mon Sep 17 00:00:00 2001 From: Lucas Oliveira Date: Thu, 11 May 2023 22:57:01 -0300 Subject: [PATCH] changed dark mode classes, added X icon to chat, changed icon of AI --- .../src/alerts/alertDropDown/index.tsx | 2 +- src/frontend/src/assets/froze-flow.png | Bin 0 -> 11568 bytes .../src/modals/chatModal/chatInput/index.tsx | 8 ++-- .../chatModal/chatMessage/codeBlock/index.tsx | 3 +- .../chatMessage/components/aiLogo/index.tsx | 42 ++++++++++++++++++ .../modals/chatModal/chatMessage/index.tsx | 33 ++++++++------ src/frontend/src/modals/chatModal/index.tsx | 13 ++++-- .../modals/importModal/buttonBox/index.tsx | 6 +-- src/frontend/src/modals/importModal/index.tsx | 18 ++++---- .../components/tabsManagerComponent/index.tsx | 6 +-- src/frontend/src/png.d.ts | 4 ++ src/frontend/src/utils.ts | 8 ++++ src/frontend/tailwind.config.js | 5 +++ 13 files changed, 110 insertions(+), 38 deletions(-) create mode 100644 src/frontend/src/assets/froze-flow.png create mode 100644 src/frontend/src/modals/chatModal/chatMessage/components/aiLogo/index.tsx create mode 100644 src/frontend/src/png.d.ts diff --git a/src/frontend/src/alerts/alertDropDown/index.tsx b/src/frontend/src/alerts/alertDropDown/index.tsx index 84a376aaf..6c3627842 100644 --- a/src/frontend/src/alerts/alertDropDown/index.tsx +++ b/src/frontend/src/alerts/alertDropDown/index.tsx @@ -24,7 +24,7 @@ export default function AlertDropdown({}: AlertDropdownType) { return (
Notifications diff --git a/src/frontend/src/assets/froze-flow.png b/src/frontend/src/assets/froze-flow.png new file mode 100644 index 0000000000000000000000000000000000000000..893ce8f85e55d4aadcd8a1df16e7e662a42fe9c6 GIT binary patch literal 11568 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 literal 0 HcmV?d00001 diff --git a/src/frontend/src/modals/chatModal/chatInput/index.tsx b/src/frontend/src/modals/chatModal/chatInput/index.tsx index 9e59709fd..1bea659ca 100644 --- a/src/frontend/src/modals/chatModal/chatInput/index.tsx +++ b/src/frontend/src/modals/chatModal/chatInput/index.tsx @@ -30,8 +30,8 @@ export default function ChatInput({ setChatValue(e.target.value); }} className={classNames( - lockChat ? "bg-gray-500 text-white" : "dark:bg-gray-700", - "form-input block w-full custom-scroll h-10 rounded-md border-gray-300 dark:border-gray-600 dark:text-white pr-10 sm:text-sm" + lockChat ? "bg-gray-300 text-black dark:bg-gray-700 dark:text-gray-300" : "bg-gray-200 text-black dark:bg-gray-900 dark:text-gray-300", + "form-input block w-full custom-scroll h-10 rounded-md border-gray-300 dark:border-gray-600 pr-10 sm:text-sm" )} placeholder={"Send a message..."} /> @@ -39,12 +39,12 @@ export default function ChatInput({ +
{chatHistory.length > 0 ? ( - chatHistory.map((c, i) => ) + chatHistory.map((c, i) => ) ) : (
diff --git a/src/frontend/src/modals/importModal/buttonBox/index.tsx b/src/frontend/src/modals/importModal/buttonBox/index.tsx index 2386bfeb4..844458b8a 100644 --- a/src/frontend/src/modals/importModal/buttonBox/index.tsx +++ b/src/frontend/src/modals/importModal/buttonBox/index.tsx @@ -85,10 +85,10 @@ export default function ButtonBox({ )} >
{icon}
@@ -96,7 +96,7 @@ export default function ButtonBox({

@@ -149,12 +149,12 @@ export default function ImportModal() { setShowExamples(true); handleExamples(); }} - textColor="text-emerald-400" + textColor="text-emerald-500 dark:text-emerald-500/75" title="Examples" > @@ -163,8 +163,8 @@ export default function ImportModal() { uploadFlow(); setModalOpen(false); }} - textColor="text-blue-500" - title="Local file" + textColor="text-blue-500 dark:text-blue-500/75" + title="Local File" >

)} @@ -181,7 +181,7 @@ export default function ImportModal() { {" "}
); diff --git a/src/frontend/src/pages/FlowPage/components/tabsManagerComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/tabsManagerComponent/index.tsx index 06787743b..b5ed1a447 100644 --- a/src/frontend/src/pages/FlowPage/components/tabsManagerComponent/index.tsx +++ b/src/frontend/src/pages/FlowPage/components/tabsManagerComponent/index.tsx @@ -25,7 +25,7 @@ export default function TabsManagerComponent() { useContext(TabsContext); const { openPopUp } = useContext(PopUpContext); const { templates } = useContext(typesContext); - const AlertWidth = 256; + const AlertWidth = 384; const { dark, setDark } = useContext(darkContext); const { notificationCenter, setNotificationCenter } = useContext(alertContext); @@ -71,7 +71,7 @@ export default function TabsManagerComponent() { @@ -98,7 +98,7 @@ export default function TabsManagerComponent() { <>
diff --git a/src/frontend/src/png.d.ts b/src/frontend/src/png.d.ts new file mode 100644 index 000000000..f02bea9ff --- /dev/null +++ b/src/frontend/src/png.d.ts @@ -0,0 +1,4 @@ +declare module "*.png" { + const content: any; + export default content; +} diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts index 65579cdfe..3347ee018 100644 --- a/src/frontend/src/utils.ts +++ b/src/frontend/src/utils.ts @@ -316,6 +316,14 @@ export function toFirstUpperCase(str: string) { .join(""); } +export function snakeToSpaces(str: string) { + let result = str + .split("_") + .join(" "); + + return result +} + export function toNormalCase(str: string) { let result = str .split("_") diff --git a/src/frontend/tailwind.config.js b/src/frontend/tailwind.config.js index 84571cb5f..7bb93d514 100644 --- a/src/frontend/tailwind.config.js +++ b/src/frontend/tailwind.config.js @@ -57,6 +57,11 @@ module.exports = { "font-family": "text-security-disc" }, + '.stop': { + '-webkit-animation-play-state': 'paused', + '-moz-animation-play-state': 'paused', + 'animation-play-state': 'paused', + }, '.custom-scroll':{ '&::-webkit-scrollbar': { 'width': '8px',