Implement algolia logo

This commit is contained in:
Jordan Eldredge 2025-06-06 10:04:44 -07:00
parent 33ca103c10
commit ac497964b0

View file

@ -1,19 +1,32 @@
"use client";
// import { useWindowSize } from "../../skin-museum-client/src/hooks";
// import AlgoliaLogo from "../../skin-museum-client/src/searchByAlgoliaDarkbBackground.svg";
// import algoliaLogoSmallUrl from "../../skin-museum-client/src/searchByAlgoliaSmall.png";
import { useWindowSize } from "../../skin-museum-client/src/hooks";
import AlgoliaLogo from "../../skin-museum-client/src/searchByAlgoliaDarkbBackground.svg";
import algoliaLogoSmallUrl from "../../skin-museum-client/src/searchByAlgoliaSmall.png";
export default function SearchLogo() {
return null;
// const { windowWidth } = useWindowSize();
// if (windowWidth > 500) {
// return <AlgoliaLogo.ReactComponent />;
// }
// return (
// <img
// alt="Search by Algolia"
// style={{ width: 25, height: 25, paddingTop: 4 }}
// src={algoliaLogoSmallUrl}
// />
// );
const { windowWidth } = useWindowSize();
if (windowWidth > 500) {
return (
<img
alt="Search by Algolia"
style={{
width: AlgoliaLogo.width,
height: AlgoliaLogo.height,
paddingTop: 4,
}}
src={AlgoliaLogo.src}
/>
);
}
return (
<img
alt="Search by Algolia"
style={{
width: 25,
height: 25,
paddingTop: 4,
}}
src={algoliaLogoSmallUrl.src}
/>
);
}