diff --git a/app/favicon.ico b/app/favicon.ico
deleted file mode 100644
index c9bc2deb4..000000000
Binary files a/app/favicon.ico and /dev/null differ
diff --git a/app/layout.tsx b/app/layout.tsx
index 63c8b5fe5..e843a2946 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -3,17 +3,18 @@ import Navbar from 'components/layout/navbar';
import { AuthProvider } from 'contexts/auth-context';
import { GeistSans } from 'geist/font/sans';
import { ensureStartsWith } from 'lib/utils';
+import { Metadata } from 'next';
import { ReactNode, Suspense } from 'react';
import './globals.css';
-const { TWITTER_CREATOR, TWITTER_SITE, SITE_NAME } = process.env;
+const { TWITTER_CREATOR, TWITTER_SITE, SITE_NAME, STORE_PREFIX } = process.env;
const baseUrl = process.env.NEXT_PUBLIC_VERCEL_URL
? `https://${process.env.NEXT_PUBLIC_VERCEL_URL}`
: 'http://localhost:3000';
const twitterCreator = TWITTER_CREATOR ? ensureStartsWith(TWITTER_CREATOR, '@') : undefined;
const twitterSite = TWITTER_SITE ? ensureStartsWith(TWITTER_SITE, 'https://') : undefined;
-export const metadata = {
+export const metadata: Metadata = {
metadataBase: new URL(baseUrl),
title: {
default: SITE_NAME!,
@@ -30,7 +31,10 @@ export const metadata = {
creator: twitterCreator,
site: twitterSite
}
- })
+ }),
+ icons: {
+ icon: `/${STORE_PREFIX}/logo-icon.svg`
+ }
};
export default async function RootLayout({ children }: { children: ReactNode }) {
diff --git a/public/car-part-planet/logo-icon.svg b/public/car-part-planet/logo-icon.svg
new file mode 100644
index 000000000..c71d9d943
--- /dev/null
+++ b/public/car-part-planet/logo-icon.svg
@@ -0,0 +1,11 @@
+
diff --git a/public/reman-transmission/logo-icon.svg b/public/reman-transmission/logo-icon.svg
new file mode 100644
index 000000000..dac1268e5
--- /dev/null
+++ b/public/reman-transmission/logo-icon.svg
@@ -0,0 +1,16 @@
+
diff --git a/tailwind.config.js b/tailwind.config.js
index e121f717a..bacf6ef2f 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -14,7 +14,7 @@ module.exports = {
content: ['./app/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
theme: {
extend: {
- colors: getCustomColors[STORE_PREFIX],
+ colors: getCustomColors[STORE_PREFIX] || carPartPlanetColor,
fontFamily: {
sans: ['var(--font-geist-sans)']
},