From 3392defe5af01f346b35c7a729fbd8196d332ba6 Mon Sep 17 00:00:00 2001 From: Hac144 Date: Sat, 24 Jan 2026 23:40:53 +0530 Subject: [PATCH 1/2] Add free trial highlighting UI with end date warning --- contributors/Hac144/client/Demo.jsx | 11 +++ contributors/Hac144/client/TrialCard.jsx | 39 ++++++++ contributors/Hac144/client/index.html | 116 +++++++++++++++++++++++ 3 files changed, 166 insertions(+) create mode 100644 contributors/Hac144/client/Demo.jsx create mode 100644 contributors/Hac144/client/TrialCard.jsx create mode 100644 contributors/Hac144/client/index.html diff --git a/contributors/Hac144/client/Demo.jsx b/contributors/Hac144/client/Demo.jsx new file mode 100644 index 00000000..1723ae42 --- /dev/null +++ b/contributors/Hac144/client/Demo.jsx @@ -0,0 +1,11 @@ +import TrialCard from "./TrialCard"; + +export default function Demo() { + const demoSub = { + name: "Netflix", + isTrial: true, + trialEndsAt: "2026-01-26" + }; + + return ; +} diff --git a/contributors/Hac144/client/TrialCard.jsx b/contributors/Hac144/client/TrialCard.jsx new file mode 100644 index 00000000..270c9866 --- /dev/null +++ b/contributors/Hac144/client/TrialCard.jsx @@ -0,0 +1,39 @@ +export default function TrialCard({ subscription }) { + const today = new Date(); + const end = new Date(subscription.trialEndsAt); + const daysLeft = Math.ceil((end - today) / (1000 * 60 * 60 * 24)); + + const endingSoon = daysLeft <= 3; + + return ( +
+ + {subscription.isTrial && ( + + FREE TRIAL + + )} + +

{subscription.name}

+ + {subscription.isTrial && ( +

+ {endingSoon + ? `Trial ending in ${daysLeft} days` + : `Trial ends in ${daysLeft} days`} +

+ )} +
+ ); +} diff --git a/contributors/Hac144/client/index.html b/contributors/Hac144/client/index.html new file mode 100644 index 00000000..fd0d9cb2 --- /dev/null +++ b/contributors/Hac144/client/index.html @@ -0,0 +1,116 @@ + + + + + Free Trial Highlighting + + + + + + + +
+
Netflix Subscription
+ + + FREE TRIAL + + +
+
+ Cancel anytime before the trial ends to avoid charges. +
+
+ + + + + From 27f472fbd62089a380af19fe512ea30df008033f Mon Sep 17 00:00:00 2001 From: Hac144 Date: Sat, 24 Jan 2026 23:58:38 +0530 Subject: [PATCH 2/2] Add Filters & Sorting UI (#262) - ui.html --- contributors/Hac144/client/ui.html | 131 +++++++++++++++++++++++++++++ 1 file changed, 131 insertions(+) create mode 100644 contributors/Hac144/client/ui.html diff --git a/contributors/Hac144/client/ui.html b/contributors/Hac144/client/ui.html new file mode 100644 index 00000000..4d200f79 --- /dev/null +++ b/contributors/Hac144/client/ui.html @@ -0,0 +1,131 @@ + + + + + Subscriptions - Filters & Sorting + + + + + +

My Subscriptions

+ +
+ + + + + +
+ +
+ + + + +