juan/lensflix
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

relevo de glm

Browse Source
This commit is contained in:
juan
2026-06-17 20:35:57 +02:00
parent 6620b493f5
commit cdf2893b94
20 changed files with 251 additions and 316 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/cards/InternationalRatings.tsx
+9 -9
View File
@@ -7,7 +7,7 @@ export function InternationalRatingsView({ data }: { data: unknown }) {
const result = internationalRatingsSchema.safeParse(data);
if (!result.success) {
return (
<div className="rounded-2xl border border-white/10 bg-white/[0.03] p-6 text-sm text-slate-400">
<div className="rounded-2xl border border-stone-200 bg-white p-6 text-sm text-stone-700">
Could not display this insight (data format issue). Try another card or refresh later.
</div>
);
@@ -15,21 +15,21 @@ export function InternationalRatingsView({ data }: { data: unknown }) {
const parsed = result.data as InternationalRatings;
return (
<div className="space-y-5 rounded-2xl border border-white/10 bg-white/[0.03] p-6">
<div className="space-y-5 rounded-2xl border border-stone-200 bg-white p-6">
<div className="grid gap-3 sm:grid-cols-2">
{parsed.ratings.map((rating) => (
<div
key={rating.countryCode}
className="rounded-xl border border-white/10 bg-slate-950/40 p-4"
className="rounded-xl border border-stone-200 bg-stone-100 p-4"
>
<p className="text-xs uppercase tracking-wide text-slate-500">
<p className="text-xs uppercase tracking-wide text-stone-500">
{rating.country} ({rating.countryCode})
</p>
<p className="mt-1 text-xl font-semibold text-amber-200">
<p className="mt-1 text-xl font-semibold text-amber-700">
{rating.rating}
</p>
{rating.descriptors?.length ? (
<p className="mt-2 text-sm text-slate-400">
<p className="mt-2 text-sm text-stone-600">
{rating.descriptors.join(" · ")}
</p>
) : null}
@@ -37,12 +37,12 @@ export function InternationalRatingsView({ data }: { data: unknown }) {
))}
</div>
<div className="rounded-xl border border-white/10 bg-slate-950/40 p-4">
<p className="text-sm leading-relaxed text-slate-300">
<div className="rounded-xl border border-stone-200 bg-stone-100 p-4">
<p className="text-sm leading-relaxed text-stone-700">
{parsed.discrepancyNote}
</p>
{(parsed.strictestCountry || parsed.mostLenientCountry) && (
<div className="mt-3 flex flex-wrap gap-4 text-sm text-slate-400">
<div className="mt-3 flex flex-wrap gap-4 text-sm text-stone-600">
{parsed.strictestCountry ? (
<span>Strictest: {parsed.strictestCountry}</span>
) : null}