Simon/linkwarden
1
0
Fork 0
mirror of https://github.com/linkwarden/linkwarden.git synced 2026-03-03 03:47:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

remove banner

Browse Source
This commit is contained in:
daniel31x13
2025-09-24 13:11:21 -04:00
parent d1e3badf21
commit b336b04d71
3 changed files with 1 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
apps/web/components/Subscribe.tsx
View File

@@ -1,61 +0,0 @@
import { isPWA } from "@/lib/utils";
import React, { useState } from "react";
import { Trans } from "next-i18next";
import { Button } from "./ui/button";
import Link from "next/link";
import { useUser } from "@linkwarden/router/user";
const STRIPE_ENABLED = process.env.NEXT_PUBLIC_STRIPE === "true";
const TRIAL_PERIOD_DAYS = process.env.NEXT_PUBLIC_TRIAL_PERIOD_DAYS || 14;
const REQUIRE_CC = process.env.NEXT_PUBLIC_REQUIRE_CC === "true";
type Props = {};
const Subscribe = (props: Props) => {
const [isOpen, setIsOpen] = useState(true);
const { data: user } = useUser();
const { daysLeft, hasInactiveSubscription } = React.useMemo(() => {
const trialEndTime =
new Date(user?.createdAt || 0).getTime() +
(1 + Number(TRIAL_PERIOD_DAYS)) * 86400000; // Add 1 to account for the current day
const daysLeft = Math.floor((trialEndTime - Date.now()) / 86400000);
const hasInactiveSubscription =
user?.id &&
!user?.subscription?.active &&
!user.parentSubscription?.active &&
STRIPE_ENABLED;
return { trialEndTime, daysLeft, hasInactiveSubscription };
}, [user]);
return isOpen && hasInactiveSubscription ? (
<div className="fixed left-0 right-0 bottom-10 w-full px-5">
<div className="mx-auto w-fit p-2 flex justify-between gap-2 items-center border border-neutral-content rounded-xl bg-base-300 backdrop-blur-md bg-opacity-80">
<i className="bi bi-clock-history text-primary text-3xl"></i>
<p className="text-[0.92rem] pr-2">
<Trans
i18nKey="trial_left_prompt"
values={{ count: daysLeft }}
components={[
<Link
className="text-primary font-bold"
href="/subscribe"
key={0}
/>,
]}
/>
</p>
<Button onClick={() => setIsOpen(false)} variant="ghost" size="icon">
<i className="bi-x text-xl"></i>
</Button>
</div>
</div>
) : (
<></>
);
};
export default Subscribe;

2
apps/web/layouts/MainLayout.tsx
View File

@@ -3,7 +3,6 @@ import Announcement from "@/components/Announcement";
import Sidebar from "@/components/Sidebar";
import { ReactNode, useEffect, useState } from "react";
import getLatestVersion from "@/lib/client/getLatestVersion";
import Subscribe from "@/components/Subscribe";
interface Props {
children: ReactNode;
@@ -47,7 +46,6 @@ export default function MainLayout({ children }: Props) {
>
<Navbar />
{children}
<Subscribe />
</div>
</div>
);

3
apps/web/public/locales/en/common.json
View File

@@ -521,6 +521,5 @@
"create_your_first_collection_desc": "Collections are like folders for your Links which can then be shared with others.",
"this_tag_has_no_links": "This Tag Has No Links",
"this_tag_has_no_links_desc": "Use this Tag while creating or editing Links!",
"accept_promotional_emails": "Get notified about new features and offers via email.",
"trial_left_prompt": "You have {{count}} days left in your free trial. <0>Subscribe</0>"
"accept_promotional_emails": "Get notified about new features and offers via email."
}