Remove Chrome extension banner
This commit is contained in:
Eric Allam
Binary file not shown.
|
Before Width: | Height: | Size: 6.0 KiB |
@@ -1,20 +0,0 @@
|
|||||||
import { ChromeExtensionBadge } from "../Icons/ChromeExtensionBadge";
|
|
||||||
import { Body } from "../Primitives/Body";
|
|
||||||
|
|
||||||
export function HomeChromeExtensionPrompt() {
|
|
||||||
return (
|
|
||||||
<div className="flex items-center justify-center w-full py-3 bg-indigo-600">
|
|
||||||
<div className="flex items-center">
|
|
||||||
<Body className="mr-3 text-xl text-white">
|
|
||||||
Try the new Chrome Extension 👉
|
|
||||||
</Body>
|
|
||||||
<a
|
|
||||||
href="https://chrome.google.com/webstore/detail/json-hero/dneionnnnjnofppmhcccbiaklandilch"
|
|
||||||
target="_blank"
|
|
||||||
>
|
|
||||||
<ChromeExtensionBadge />
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
import chromeExtensionBadge from "~/assets/images/chrome-extension-badge.png";
|
|
||||||
|
|
||||||
export function ChromeExtensionBadge() {
|
|
||||||
return <img src={chromeExtensionBadge} className="h-14"></img>;
|
|
||||||
}
|
|
||||||
+1
-25
@@ -7,37 +7,13 @@ import { HomeInfoBoxSection } from "~/components/Home/HomeInfoBoxSection";
|
|||||||
import { HomeSearchSection } from "~/components/Home/HomeSearchSection";
|
import { HomeSearchSection } from "~/components/Home/HomeSearchSection";
|
||||||
import { HomeFooter } from "~/components/Home/HomeFooter";
|
import { HomeFooter } from "~/components/Home/HomeFooter";
|
||||||
import { GithubBanner } from "~/components/Home/HomeGithubBanner";
|
import { GithubBanner } from "~/components/Home/HomeGithubBanner";
|
||||||
import { HomeChromeExtensionPrompt } from "~/components/Home/HomeChromeExtensionPrompt";
|
|
||||||
import { LoaderFunction, useLoaderData } from "remix";
|
|
||||||
import userAgentParser from "ua-parser-js";
|
|
||||||
|
|
||||||
type LoaderData = {
|
|
||||||
userAgent: ReturnType<typeof userAgentParser>;
|
|
||||||
};
|
|
||||||
|
|
||||||
export const loader: LoaderFunction = async ({
|
|
||||||
request,
|
|
||||||
}): Promise<LoaderData> => {
|
|
||||||
const rawUserAgent = request.headers.get("user-agent") || "";
|
|
||||||
const userAgent = userAgentParser(rawUserAgent);
|
|
||||||
|
|
||||||
return {
|
|
||||||
userAgent,
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
export default function Index() {
|
export default function Index() {
|
||||||
const { userAgent } = useLoaderData<LoaderData>();
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="overflow-x-hidden">
|
<div className="overflow-x-hidden">
|
||||||
<HomeHeader fixed={true} />
|
<HomeHeader fixed={true} />
|
||||||
<HomeHeroSection />
|
<HomeHeroSection />
|
||||||
{userAgent.browser.name === "Chrome" ? (
|
<GithubBanner />
|
||||||
<HomeChromeExtensionPrompt />
|
|
||||||
) : (
|
|
||||||
<GithubBanner />
|
|
||||||
)}
|
|
||||||
<HomeInfoBoxSection />
|
<HomeInfoBoxSection />
|
||||||
<HomeEdgeCasesSection />
|
<HomeEdgeCasesSection />
|
||||||
<HomeSearchSection />
|
<HomeSearchSection />
|
||||||
|
|||||||
Generated
+1
-25
@@ -42,8 +42,7 @@
|
|||||||
"remix": "^1.2.3",
|
"remix": "^1.2.3",
|
||||||
"tailwindcss-radix": "^1.6.0",
|
"tailwindcss-radix": "^1.6.0",
|
||||||
"tiny-invariant": "^1.2.0",
|
"tiny-invariant": "^1.2.0",
|
||||||
"ts-pattern": "^3.3.4",
|
"ts-pattern": "^3.3.4"
|
||||||
"ua-parser-js": "^1.0.2"
|
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@cloudflare/workers-types": "^2.2.2",
|
"@cloudflare/workers-types": "^2.2.2",
|
||||||
@@ -12868,24 +12867,6 @@
|
|||||||
"node": ">=4.2.0"
|
"node": ">=4.2.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/ua-parser-js": {
|
|
||||||
"version": "1.0.2",
|
|
||||||
"resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-1.0.2.tgz",
|
|
||||||
"integrity": "sha512-00y/AXhx0/SsnI51fTc0rLRmafiGOM4/O+ny10Ps7f+j/b8p/ZY11ytMgznXkOVo4GQ+KwQG5UQLkLGirsACRg==",
|
|
||||||
"funding": [
|
|
||||||
{
|
|
||||||
"type": "opencollective",
|
|
||||||
"url": "https://opencollective.com/ua-parser-js"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"type": "paypal",
|
|
||||||
"url": "https://paypal.me/faisalman"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"engines": {
|
|
||||||
"node": "*"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/unbox-primitive": {
|
"node_modules/unbox-primitive": {
|
||||||
"version": "1.0.1",
|
"version": "1.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.1.tgz",
|
||||||
@@ -23148,11 +23129,6 @@
|
|||||||
"integrity": "sha512-yNIatDa5iaofVozS/uQJEl3JRWLKKGJKh6Yaiv0GLGSuhpFJe7P3SbHZ8/yjAHRQwKRoA6YZqlfjXWmVzoVSMw==",
|
"integrity": "sha512-yNIatDa5iaofVozS/uQJEl3JRWLKKGJKh6Yaiv0GLGSuhpFJe7P3SbHZ8/yjAHRQwKRoA6YZqlfjXWmVzoVSMw==",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"ua-parser-js": {
|
|
||||||
"version": "1.0.2",
|
|
||||||
"resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-1.0.2.tgz",
|
|
||||||
"integrity": "sha512-00y/AXhx0/SsnI51fTc0rLRmafiGOM4/O+ny10Ps7f+j/b8p/ZY11ytMgznXkOVo4GQ+KwQG5UQLkLGirsACRg=="
|
|
||||||
},
|
|
||||||
"unbox-primitive": {
|
"unbox-primitive": {
|
||||||
"version": "1.0.1",
|
"version": "1.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.1.tgz",
|
||||||
|
|||||||
+1
-2
@@ -62,8 +62,7 @@
|
|||||||
"remix": "^1.2.3",
|
"remix": "^1.2.3",
|
||||||
"tailwindcss-radix": "^1.6.0",
|
"tailwindcss-radix": "^1.6.0",
|
||||||
"tiny-invariant": "^1.2.0",
|
"tiny-invariant": "^1.2.0",
|
||||||
"ts-pattern": "^3.3.4",
|
"ts-pattern": "^3.3.4"
|
||||||
"ua-parser-js": "^1.0.2"
|
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@cloudflare/workers-types": "^2.2.2",
|
"@cloudflare/workers-types": "^2.2.2",
|
||||||
|
|||||||
Reference in New Issue
Block a user