wyl/jsonhero-web
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Remove Chrome extension banner

Browse Source
This commit is contained in:
Eric Allam
2022-06-09 15:12:05 +01:00
parent 52b7d1962d
commit 25e1b20d9c
6 changed files with 4 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/images/chrome-extension-badge.png
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 6.0 KiB

app/components/Home/HomeChromeExtensionPrompt.tsx
-20
View File
@@ -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>
);
}
app/components/Icons/ChromeExtensionBadge.tsx
-5
View File
@@ -1,5 +0,0 @@
import chromeExtensionBadge from "~/assets/images/chrome-extension-badge.png";
export function ChromeExtensionBadge() {
return <img src={chromeExtensionBadge} className="h-14"></img>;
}
app/routes/index.tsx
+1 -25
View File
@@ -7,37 +7,13 @@ import { HomeInfoBoxSection } from "~/components/Home/HomeInfoBoxSection";
import { HomeSearchSection } from "~/components/Home/HomeSearchSection";
import { HomeFooter } from "~/components/Home/HomeFooter";
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() {
const { userAgent } = useLoaderData<LoaderData>();
return (
<div className="overflow-x-hidden">
<HomeHeader fixed={true} />
<HomeHeroSection />
{userAgent.browser.name === "Chrome" ? (
<HomeChromeExtensionPrompt />
) : (
<GithubBanner />
)}
<GithubBanner />
<HomeInfoBoxSection />
<HomeEdgeCasesSection />
<HomeSearchSection />
package-lock.json
Generated
+1 -25
View File
@@ -42,8 +42,7 @@
"remix": "^1.2.3",
"tailwindcss-radix": "^1.6.0",
"tiny-invariant": "^1.2.0",
"ts-pattern": "^3.3.4",
"ua-parser-js": "^1.0.2"
"ts-pattern": "^3.3.4"
},
"devDependencies": {
"@cloudflare/workers-types": "^2.2.2",
@@ -12868,24 +12867,6 @@
"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": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.1.tgz",
@@ -23148,11 +23129,6 @@
"integrity": "sha512-yNIatDa5iaofVozS/uQJEl3JRWLKKGJKh6Yaiv0GLGSuhpFJe7P3SbHZ8/yjAHRQwKRoA6YZqlfjXWmVzoVSMw==",
"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": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.1.tgz",
package.json
+1 -2
View File
@@ -62,8 +62,7 @@
"remix": "^1.2.3",
"tailwindcss-radix": "^1.6.0",
"tiny-invariant": "^1.2.0",
"ts-pattern": "^3.3.4",
"ua-parser-js": "^1.0.2"
"ts-pattern": "^3.3.4"
},
"devDependencies": {
"@cloudflare/workers-types": "^2.2.2",