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/RatingExplained.tsx
+12 -12
View File
@@ -5,16 +5,16 @@ import {
import { cn } from "@/lib/utils";
const intensityColors = {
mild: "text-emerald-300 bg-emerald-400/10 border-emerald-400/20",
moderate: "text-amber-300 bg-amber-400/10 border-amber-400/20",
strong: "text-red-300 bg-red-400/10 border-red-400/20",
mild: "text-emerald-700 bg-emerald-100 border-emerald-200",
moderate: "text-amber-700 bg-amber-100 border-amber-200",
strong: "text-red-700 bg-red-100 border-red-200",
};
export function RatingExplainedView({ data }: { data: unknown }) {
const result = ratingExplainedSchema.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>
);
@@ -22,25 +22,25 @@ export function RatingExplainedView({ data }: { data: unknown }) {
const parsed = result.data as RatingExplained;
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>
<p className="text-sm uppercase tracking-wide text-slate-500">
<p className="text-sm uppercase tracking-wide text-stone-500">
{parsed.region} rating
</p>
<h3 className="mt-1 text-2xl font-semibold text-amber-200">
<h3 className="mt-1 text-2xl font-semibold text-amber-700">
{parsed.officialRating}
</h3>
<p className="mt-3 text-slate-300">{parsed.summary}</p>
<p className="mt-3 text-stone-700">{parsed.summary}</p>
</div>
<div className="space-y-3">
{parsed.factors.map((factor, index) => (
<div
key={`${factor.category}-${index}`}
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"
>
<div className="mb-2 flex flex-wrap items-center gap-2">
<span className="text-sm font-medium capitalize text-white">
<span className="text-sm font-medium capitalize text-stone-950">
{factor.category}
</span>
<span
@@ -52,12 +52,12 @@ export function RatingExplainedView({ data }: { data: unknown }) {
{factor.intensity}
</span>
{factor.approximateTiming ? (
<span className="text-xs text-slate-500">
<span className="text-xs text-stone-500">
~{factor.approximateTiming}
</span>
) : null}
</div>
<p className="text-sm leading-relaxed text-slate-300">
<p className="text-sm leading-relaxed text-stone-700">
{factor.description}
</p>
</div>