studio: update favicon to official logo (#25)

pinoramajs · Aug 19, 2024 · 54639cb · 54639cb
1 parent 306a952
commit 54639cb
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 6 deletions.
diff --git a/.changeset/angry-candles-begin.md b/.changeset/angry-candles-begin.md
@@ -0,0 +1,5 @@
+---
+"pinorama-studio": patch
+---
+
+update favicon to official logo
diff --git a/packages/pinorama-studio/index.html b/packages/pinorama-studio/index.html
@@ -2,9 +2,9 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/favicon.png" />
+    <link rel="icon" type="image/webp" href="/pinorama-logo.webp" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Pinorama Studio 🌀</title>
+    <title>Pinorama Studio</title>
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet"> 

diff --git a/packages/pinorama-studio/public/favicon.png b/packages/pinorama-studio/public/favicon.png
diff --git a/packages/pinorama-studio/public/pinorama-logo.webp b/packages/pinorama-studio/public/pinorama-logo.webp
diff --git a/packages/pinorama-studio/src/components/title-bar/components/pinorama-logo.tsx b/packages/pinorama-studio/src/components/title-bar/components/pinorama-logo.tsx
@@ -1,10 +1,9 @@
-import { ShellIcon } from "lucide-react"
 import { FormattedMessage } from "react-intl"
 
 export function PinoramaLogo() {
   return (
     <div className="flex items-center space-x-1.5 font-medium">
-      <ShellIcon className="h-[18px] w-[18px]" />
+      <img src="/pinorama-logo.webp" width={18} height={18} alt="Pinorama" />
       <div className="leading-tight">
         <FormattedMessage id="app.name" />{" "}
         <small className="text-xs font-normal text-muted-foreground">

diff --git a/packages/pinorama-studio/src/components/title-bar/title-bar.tsx b/packages/pinorama-studio/src/components/title-bar/title-bar.tsx
@@ -1,7 +1,6 @@
 import { ConnectionStatusButton } from "./components/connection-status-button"
 import { ConnectionToggleButton } from "./components/connection-toggle-button"
 import { PinoramaLogo } from "./components/pinorama-logo"
-import { SettingsButton } from "./components/settings-button"
 import { ThemeToggleButton } from "./components/theme-toggle-button"
 
 export function TitleBar() {
@@ -21,7 +20,6 @@ export function TitleBar() {
         {/* Right */}
         <div className="flex items-center space-x-1.5">
           <ThemeToggleButton />
-          <SettingsButton />
           <ConnectionToggleButton />
         </div>
       </div>