diff --git a/src/components/ConversationView/index.tsx b/src/components/ConversationView/index.tsx index 3ddd5f8..585fbb6 100644 --- a/src/components/ConversationView/index.tsx +++ b/src/components/ConversationView/index.tsx @@ -22,6 +22,7 @@ import MessageView from "./MessageView"; import ClearConversationButton from "../ClearConversationButton"; import MessageTextarea from "./MessageTextarea"; import DataStorageBanner from "../DataStorageBanner"; +import DBHubBanner from "../DBHubBanner"; import SchemaDrawer from "../SchemaDrawer"; import Icon from "../Icon"; import { useTranslation } from "react-i18next"; @@ -320,6 +321,7 @@ const ConversationView = () => { } relative w-full h-full max-h-full flex flex-col justify-start items-start overflow-y-auto bg-white dark:bg-zinc-800`} >
+
diff --git a/src/components/DBHubBanner.tsx b/src/components/DBHubBanner.tsx new file mode 100644 index 0000000..209e981 --- /dev/null +++ b/src/components/DBHubBanner.tsx @@ -0,0 +1,41 @@ +import { useTranslation } from "react-i18next"; +import { useLocalStorage } from "react-use"; +import Icon from "./Icon"; + +interface Props { + className?: string; + alwaysShow?: boolean; +} + +const DBHubBanner = (props: Props) => { + const { className, alwaysShow } = props; + const { t } = useTranslation(); + const [hideBanner, setHideBanner] = useLocalStorage("hide-github-banner", false); + const show = alwaysShow || !hideBanner; + + return ( +
+ + + Check out DBHub - a universal database MCP server to be used by Cursor, Claude Desktop, and more + + + {!alwaysShow && ( + + )} +
+ ); +}; + +export default DBHubBanner;