diff --git a/apps/site/components/Common/Partners/index.tsx b/apps/site/components/Common/Partners/index.tsx
index 430ca83b6abb7..fb556771794e6 100644
--- a/apps/site/components/Common/Partners/index.tsx
+++ b/apps/site/components/Common/Partners/index.tsx
@@ -33,6 +33,11 @@ const getPartners = async (
const renderSmallPartner = (partner: Partner) => {
const Logo = PartnerLogos[partner.id];
+ const PartnerIcon = 'Favicon' in Logo ? Logo.Favicon : null;
+
+ if (!PartnerIcon) {
+ return null;
+ }
return (
{
href={partner.href}
data-tooltip={partner.name}
>
-
+
);
};
diff --git a/apps/site/components/Common/Searchbox/Footer/index.module.css b/apps/site/components/Common/Searchbox/Footer/index.module.css
index 9f2342e65c412..82fc3f1352c68 100644
--- a/apps/site/components/Common/Searchbox/Footer/index.module.css
+++ b/apps/site/components/Common/Searchbox/Footer/index.module.css
@@ -59,3 +59,10 @@
justify-end
lg:ml-8;
}
+
+.oramaLogo {
+ @apply h-3
+ w-auto
+ text-neutral-900
+ dark:text-neutral-100;
+}
diff --git a/apps/site/components/Common/Searchbox/Footer/index.tsx b/apps/site/components/Common/Searchbox/Footer/index.tsx
index abe61775ac964..2099deae2168d 100644
--- a/apps/site/components/Common/Searchbox/Footer/index.tsx
+++ b/apps/site/components/Common/Searchbox/Footer/index.tsx
@@ -5,17 +5,13 @@ import {
ArrowDownIcon,
ArrowUpIcon,
} from '@heroicons/react/24/solid';
-import Image from 'next/image';
+import OramaLogo from '@node-core/ui-components/Icons/PartnerLogos/Orama/Logo';
import { useTranslations } from 'next-intl';
-import { useTheme } from 'next-themes';
import styles from './index.module.css';
export const Footer = () => {
const t = useTranslations();
- const { resolvedTheme } = useTheme();
-
- const oramaLogo = `https://website-assets.oramasearch.com/orama-when-${resolvedTheme}.svg`;
return (
@@ -54,12 +50,7 @@ export const Footer = () => {
className={styles.poweredByLink}
>
{t('components.search.poweredBy')}
-
+
diff --git a/packages/ui-components/src/Icons/PartnerLogos/Orama/Logo.tsx b/packages/ui-components/src/Icons/PartnerLogos/Orama/Logo.tsx
new file mode 100644
index 0000000000000..0d4a9d8f0e0f5
--- /dev/null
+++ b/packages/ui-components/src/Icons/PartnerLogos/Orama/Logo.tsx
@@ -0,0 +1,250 @@
+import classNames from 'classnames';
+
+import type { FC, SVGProps } from 'react';
+
+const Orama: FC> = ({ className, ...props }) => (
+
+);
+
+export default Orama;
diff --git a/packages/ui-components/src/Icons/PartnerLogos/Orama/index.ts b/packages/ui-components/src/Icons/PartnerLogos/Orama/index.ts
new file mode 100644
index 0000000000000..7970f7193b534
--- /dev/null
+++ b/packages/ui-components/src/Icons/PartnerLogos/Orama/index.ts
@@ -0,0 +1,3 @@
+import Logo from './Logo';
+
+export { Logo };
diff --git a/packages/ui-components/src/Icons/PartnerLogos/index.ts b/packages/ui-components/src/Icons/PartnerLogos/index.ts
index fd9ba073acc27..2b72f45d9304e 100644
--- a/packages/ui-components/src/Icons/PartnerLogos/index.ts
+++ b/packages/ui-components/src/Icons/PartnerLogos/index.ts
@@ -11,6 +11,7 @@ import * as MACSTADIUM from './MacStadium';
import * as MICROSOFT from './Microsoft';
import * as NODESOURCE from './NodeSource';
import * as OPENSSF from './OpenSSF';
+import * as ORAMA from './Orama';
import * as RACKSPACE from './Rackspace';
import * as SCALEWAY from './Scaleway';
import * as SENTRY from './Sentry';
@@ -31,6 +32,7 @@ export {
MICROSOFT,
NODESOURCE,
OPENSSF,
+ ORAMA,
RACKSPACE,
SCALEWAY,
SENTRY,