From e4ec1a8f5d20003b4ab8847479a3d686423eb265 Mon Sep 17 00:00:00 2001 From: "andrii.dudar" Date: Thu, 19 Sep 2024 11:17:42 +0200 Subject: [PATCH] [OPIK-117] [Open-source] Use new Opik logo for open-source platform (#284) --- .../{logo_and_text.png => comet-logo.png} | Bin .../opik-frontend/public/images/opik-logo.png | Bin 0 -> 16786 bytes .../layout/EmptyLayout/EmptyLayout.tsx | 20 ++++++++++------- .../src/components/layout/Logo/Logo.tsx | 21 ++++++++++++++++++ .../src/components/layout/SideBar/SideBar.tsx | 18 ++++++++------- apps/opik-frontend/src/plugins/comet/Logo.tsx | 21 ++++++++++++++++++ .../src/plugins/comet/WorkspacePreloader.tsx | 20 +++++++---------- apps/opik-frontend/src/store/PluginsStore.ts | 9 +++++--- 8 files changed, 78 insertions(+), 31 deletions(-) rename apps/opik-frontend/public/images/{logo_and_text.png => comet-logo.png} (100%) create mode 100644 apps/opik-frontend/public/images/opik-logo.png create mode 100644 apps/opik-frontend/src/components/layout/Logo/Logo.tsx create mode 100644 apps/opik-frontend/src/plugins/comet/Logo.tsx diff --git a/apps/opik-frontend/public/images/logo_and_text.png b/apps/opik-frontend/public/images/comet-logo.png similarity index 100% rename from apps/opik-frontend/public/images/logo_and_text.png rename to apps/opik-frontend/public/images/comet-logo.png diff --git a/apps/opik-frontend/public/images/opik-logo.png b/apps/opik-frontend/public/images/opik-logo.png new file mode 100644 index 0000000000000000000000000000000000000000..f4643b3a4fd03b4977c7c4464b5488ba370dd1b7 GIT binary patch literal 16786 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

Gti4Pv+~BYTA;Svg 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 literal 0 HcmV?d00001 diff --git a/apps/opik-frontend/src/components/layout/EmptyLayout/EmptyLayout.tsx b/apps/opik-frontend/src/components/layout/EmptyLayout/EmptyLayout.tsx index 465d409817..fd7e41388b 100644 --- a/apps/opik-frontend/src/components/layout/EmptyLayout/EmptyLayout.tsx +++ b/apps/opik-frontend/src/components/layout/EmptyLayout/EmptyLayout.tsx @@ -1,23 +1,27 @@ +import React from "react"; import useAppStore from "@/store/AppStore"; import usePluginsStore from "@/store/PluginsStore"; import { Link, Outlet } from "@tanstack/react-router"; -import imageLogoUrl from "/images/logo_and_text.png"; +import Logo from "@/components/layout/Logo/Logo"; -const PageLayout = () => { +const EmptyLayout = () => { const UserMenu = usePluginsStore((state) => state.UserMenu); + const LogoComponent = usePluginsStore((state) => state.Logo); const workspaceName = useAppStore((state) => state.activeWorkspaceName); + const logo = LogoComponent ? ( + + ) : ( + + ); + return (

diff --git a/apps/opik-frontend/src/store/PluginsStore.ts b/apps/opik-frontend/src/store/PluginsStore.ts index 73de67fb61..d235020377 100644 --- a/apps/opik-frontend/src/store/PluginsStore.ts +++ b/apps/opik-frontend/src/store/PluginsStore.ts @@ -4,8 +4,9 @@ import { create } from "zustand"; import WorkspacePreloader from "@/components/shared/WorkspacePreloader/WorkspacePreloader"; type PluginStore = { - GetStartedPage: React.ComponentType | null; + Logo: React.ComponentType<{ expanded: boolean }> | null; UserMenu: React.ComponentType | null; + GetStartedPage: React.ComponentType | null; WorkspacePreloader: React.ComponentType<{ children: React.ReactNode }> | null; init: unknown; setupPlugins: (folderName: string) => Promise; @@ -13,15 +14,17 @@ type PluginStore = { const VALID_PLUGIN_FOLDER_NAMES = ["comet"]; const PLUGIN_NAMES = [ - "GetStartedPage", + "Logo", "UserMenu", + "GetStartedPage", "WorkspacePreloader", "init", ]; const usePluginsStore = create((set) => ({ - GetStartedPage: null, + Logo: null, UserMenu: null, + GetStartedPage: null, WorkspacePreloader: null, init: null, setupPlugins: async (folderName: string) => {