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

🔧 fix(headerComponent): remove unused imports and function call to improve code cleanliness and performance

Browse source 
✨ feat(headerComponent): remove conditional rendering for api keys button to always display it in the header
🔧 fix(ApiKeysPage): add missing import for Header component to fix compilation error
This commit is contained in:
Cristhian Zanforlin Lousa 2023-08-22 18:20:04 -03:00
commit 54fd3d5705
2 changed files with 15 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/frontend/src/components/headerComponent/index.tsx
View file

@ -1,4 +1,4 @@
import { useContext, useEffect, useState } from "react"; import { useContext } from "react";
import { FaDiscord, FaGithub, FaTwitter } from "react-icons/fa"; import { FaDiscord, FaGithub, FaTwitter } from "react-icons/fa";
import { Link, useLocation, useNavigate } from "react-router-dom"; import { Link, useLocation, useNavigate } from "react-router-dom";
import AlertDropdown from "../../alerts/alertDropDown"; import AlertDropdown from "../../alerts/alertDropDown";
@ -7,7 +7,6 @@ import { alertContext } from "../../contexts/alertContext";
import { AuthContext } from "../../contexts/authContext"; import { AuthContext } from "../../contexts/authContext";
import { darkContext } from "../../contexts/darkContext"; import { darkContext } from "../../contexts/darkContext";
import { TabsContext } from "../../contexts/tabsContext"; import { TabsContext } from "../../contexts/tabsContext";
import { getRepoStars } from "../../controllers/API";
import IconComponent from "../genericIconComponent"; import IconComponent from "../genericIconComponent";
import { Button } from "../ui/button"; import { Button } from "../ui/button";
import { Separator } from "../ui/separator"; import { Separator } from "../ui/separator";
@ -128,18 +127,17 @@ export default function Header(): JSX.Element {
/> />
</div> </div>
</AlertDropdown> </AlertDropdown>
{!autoLogin && (
<button <button
onClick={() => { onClick={() => {
navigate("/account/api-keys"); navigate("/account/api-keys");
}} }}
> >
<IconComponent <IconComponent
name="Key" name="Key"
className="side-bar-button-size text-muted-foreground hover:text-accent-foreground" className="side-bar-button-size text-muted-foreground hover:text-accent-foreground"
/> />
</button> </button>
)}
</div> </div>
</div> </div>
</div> </div>

3
src/frontend/src/pages/ApiKeysPage/index.tsx
View file

@ -18,6 +18,7 @@ import SecretKeyModal from "../../modals/SecretKeyModal";
import moment from "moment"; import moment from "moment";
import { ApiKey } from "../../types/components"; import { ApiKey } from "../../types/components";
import Header from "../../components/headerComponent";
export default function ApiKeysPage() { export default function ApiKeysPage() {
const [loadingKeys, setLoadingKeys] = useState(true); const [loadingKeys, setLoadingKeys] = useState(true);
@ -80,6 +81,8 @@ export default function ApiKeysPage() {
return ( return (
<> <>
<Header />
{userData && ( {userData && (
<div className="main-page-panel"> <div className="main-page-panel">
<div className="m-auto flex h-full flex-row justify-center"> <div className="m-auto flex h-full flex-row justify-center">