refactor: remove TercihDegistiUyarisi component
Deleted the TercihDegistiUyarisi component from the project. This component was responsible for notifying users about changes in their preferences and suggesting a list update. The removal is part of a broader effort to streamline the codebase and improve maintainability.
This commit is contained in:
bilalgursen
@@ -1,302 +0,0 @@
|
||||
"use client";
|
||||
|
||||
// /listem'deki "tercihlerin değişti" uyarısı: kayıtlı liste hangi tercihlerle
|
||||
// kurulduysa (rapor params) kullanıcının güncel profili ondan ayrıldığında
|
||||
// belirir ve listeyi yeni tercihlere göre yeniden kurmayı önerir.
|
||||
//
|
||||
// Yeniden kurulum normal üretimle AYNI kapıdan geçer (listeOlustur): 3 kredi,
|
||||
// aynı requestId idempotency'si, aynı kredi-yetersiz/iade davranışı. Ayrı bir
|
||||
// "güncelleme" ürünü ya da indirimli yol yok — kullanıcı yeni bir liste alıyor,
|
||||
// bedeli de yeni liste bedeli.
|
||||
//
|
||||
// Uyarı kapatılabilir: kapatma kararı o anki profil imzasına yazılır, tercih
|
||||
// yeniden değişirse uyarı geri gelir (bkz. profilImzasi).
|
||||
|
||||
import { useMemo, useRef, useState } from "react";
|
||||
import Link from "next/link";
|
||||
import { useRouter } from "next/navigation";
|
||||
import { toast } from "sonner";
|
||||
import { ArrowRight, Check, RefreshCcw, SlidersHorizontal, X } from "lucide-react";
|
||||
import { Button } from "@/components/ui/button";
|
||||
import { olay, siraKovasi } from "@/lib/analitik";
|
||||
import { useTercihProfili } from "@/features/liste/hooks/use-tercih-profili";
|
||||
import { listeOlustur } from "@/features/rapor/rapor-actions";
|
||||
import type { RaporParams } from "@/features/rapor/types/rapor";
|
||||
import {
|
||||
farkCumlesi,
|
||||
farkSatirlari,
|
||||
profilImzasi,
|
||||
tercihFarki,
|
||||
} from "@/features/rapor/tercih-farki";
|
||||
import { useUretimMesaji } from "./uretim-mesaji";
|
||||
|
||||
const GIZLE_ANAHTARI = "kolaytercih.listem-fark-gizle";
|
||||
|
||||
function gizlenenImzayiOku(): string | null {
|
||||
if (typeof window === "undefined") return null;
|
||||
try {
|
||||
return localStorage.getItem(GIZLE_ANAHTARI);
|
||||
} catch {
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
type Durum =
|
||||
| { ad: "bekliyor" }
|
||||
| { ad: "uretiliyor" }
|
||||
| { ad: "tamamlandi" }
|
||||
| { ad: "kredi-yetersiz" }
|
||||
| { ad: "hata"; mesaj: string };
|
||||
|
||||
export function TercihDegistiUyarisi({
|
||||
params,
|
||||
kredi,
|
||||
raporKredi,
|
||||
hasPaket,
|
||||
}: {
|
||||
/** Kayıtlı listenin üretildiği tercihler */
|
||||
params: RaporParams;
|
||||
kredi: number;
|
||||
raporKredi: number;
|
||||
hasPaket: boolean;
|
||||
}) {
|
||||
const router = useRouter();
|
||||
const profil = useTercihProfili();
|
||||
const [durum, setDurum] = useState<Durum>({ ad: "bekliyor" });
|
||||
// Profil client'ta çözüldüğü için bu bileşen SSR'da zaten hiçbir şey
|
||||
// render etmiyor; gizleme kaydı ilk render'da güvenle okunabilir.
|
||||
const [gizlenenImza, setGizlenenImza] = useState<string | null>(
|
||||
gizlenenImzayiOku,
|
||||
);
|
||||
// Aynı deneme için sabit requestId: cevabı kaybolan istekte retry çifte
|
||||
// harcamaz (bkz. liste-uretici.tsx ve spendCredits idempotency'si).
|
||||
const requestIdRef = useRef<string | null>(null);
|
||||
|
||||
const farklar = useMemo(
|
||||
() => (profil ? tercihFarki(params, profil) : []),
|
||||
[params, profil],
|
||||
);
|
||||
const satirlar = useMemo(
|
||||
() => (profil ? farkSatirlari(params, profil, farklar) : []),
|
||||
[params, profil, farklar],
|
||||
);
|
||||
|
||||
async function guncelle() {
|
||||
if (!profil) return;
|
||||
if (!requestIdRef.current) requestIdRef.current = crypto.randomUUID();
|
||||
setDurum({ ad: "uretiliyor" });
|
||||
|
||||
try {
|
||||
const sonuc = await listeOlustur({
|
||||
sira: profil.sira,
|
||||
tur: profil.tur,
|
||||
secimler: profil.secimler,
|
||||
requestId: requestIdRef.current,
|
||||
});
|
||||
requestIdRef.current = null;
|
||||
if (sonuc.ok) {
|
||||
olay("liste_guncellendi", {
|
||||
tur: profil.tur,
|
||||
sira_kovasi: siraKovasi(profil.sira),
|
||||
degisen_alan: farklar.length,
|
||||
});
|
||||
toast.success("Listen yeni tercihlerine göre yeniden kuruldu.");
|
||||
// Sunucu params'ı tazelenince fark kalmaz ve uyarı kendiliğinden
|
||||
// kaybolur; refresh dönene kadar "güncellendi" hâli görünür.
|
||||
setDurum({ ad: "tamamlandi" });
|
||||
router.refresh();
|
||||
return;
|
||||
}
|
||||
if (sonuc.code === "KREDI" || sonuc.code === "PAKET") {
|
||||
olay("kredi_bitti");
|
||||
setDurum({ ad: "kredi-yetersiz" });
|
||||
} else if (sonuc.code === "AUTH") {
|
||||
router.push(`/giris?callback=${encodeURIComponent("/listem")}`);
|
||||
} else {
|
||||
setDurum({ ad: "hata", mesaj: sonuc.error });
|
||||
}
|
||||
} catch {
|
||||
setDurum({
|
||||
ad: "hata",
|
||||
mesaj: "Beklenmeyen bir hata oluştu, tekrar dener misin?",
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function gizle() {
|
||||
if (!profil) return;
|
||||
const imza = profilImzasi(profil);
|
||||
try {
|
||||
localStorage.setItem(GIZLE_ANAHTARI, imza);
|
||||
} catch {}
|
||||
setGizlenenImza(imza);
|
||||
}
|
||||
|
||||
if (!profil || farklar.length === 0) return null;
|
||||
if (durum.ad === "tamamlandi") {
|
||||
return (
|
||||
<div
|
||||
role="status"
|
||||
className="mb-6 flex items-center gap-3 rounded-2xl border border-emerald-200 bg-emerald-50 px-4 py-3 text-sm font-medium text-emerald-800"
|
||||
>
|
||||
<Check className="size-4 shrink-0" aria-hidden />
|
||||
Listen yeni tercihlerine göre güncellendi.
|
||||
</div>
|
||||
);
|
||||
}
|
||||
// Kapatılmış değişiklik: kullanıcı aynı tercihlerle bir daha rahatsız
|
||||
// edilmez. Üretim/hata hâlleri kapatmadan bağımsız görünür kalır.
|
||||
if (durum.ad === "bekliyor" && gizlenenImza === profilImzasi(profil)) {
|
||||
return null;
|
||||
}
|
||||
|
||||
const krediYeter = kredi >= raporKredi;
|
||||
|
||||
return (
|
||||
<section
|
||||
aria-live="polite"
|
||||
className="mb-6 rounded-2xl border border-amber-200 bg-amber-50 p-4 sm:p-5"
|
||||
>
|
||||
<div className="flex items-start gap-3">
|
||||
<span className="flex size-9 shrink-0 items-center justify-center rounded-full bg-amber-100 text-amber-700">
|
||||
<SlidersHorizontal className="size-4" aria-hidden />
|
||||
</span>
|
||||
<div className="min-w-0 flex-1">
|
||||
<h2 className="font-heading font-bold text-amber-900">
|
||||
Tercihlerin değişti
|
||||
</h2>
|
||||
<p className="mt-1 text-sm text-amber-900/80">
|
||||
Aşağıdaki liste eski tercihlerinle kuruldu; {farkCumlesi(farklar)}{" "}
|
||||
o zamandan beri değişti. Yeni tercihlerine göre yeniden kurabilirsin
|
||||
— yeni liste bunun yerine geçer ve {raporKredi} kredi düşer.
|
||||
</p>
|
||||
|
||||
<dl className="mt-3 flex flex-col gap-1.5 text-sm">
|
||||
{satirlar.map((satir) => (
|
||||
<div
|
||||
key={satir.alan}
|
||||
className="flex flex-col gap-0.5 sm:flex-row sm:items-baseline sm:gap-2"
|
||||
>
|
||||
<dt className="shrink-0 text-xs font-medium uppercase tracking-wide text-amber-700">
|
||||
{satir.etiket}
|
||||
</dt>
|
||||
<dd className="min-w-0 text-amber-900">
|
||||
<span className="text-amber-900/60">{satir.eski}</span>
|
||||
<span className="px-1.5 text-amber-700" aria-label="yerine">
|
||||
→
|
||||
</span>
|
||||
<span className="font-semibold">{satir.yeni}</span>
|
||||
</dd>
|
||||
</div>
|
||||
))}
|
||||
</dl>
|
||||
|
||||
{durum.ad === "uretiliyor" ? (
|
||||
<UretimSatiri />
|
||||
) : durum.ad === "kredi-yetersiz" ? (
|
||||
<KrediYetersiz hasPaket={hasPaket} raporKredi={raporKredi} />
|
||||
) : (
|
||||
<div className="mt-4 flex flex-wrap items-center gap-3">
|
||||
{durum.ad === "hata" ? (
|
||||
<>
|
||||
<p className="w-full text-sm text-red-700">{durum.mesaj}</p>
|
||||
<Button
|
||||
onClick={() => void guncelle()}
|
||||
className="cursor-pointer bg-orange-500 text-white transition-colors duration-200 hover:bg-orange-600"
|
||||
>
|
||||
<RefreshCcw className="size-4" aria-hidden />
|
||||
Tekrar dene
|
||||
</Button>
|
||||
</>
|
||||
) : krediYeter ? (
|
||||
<Button
|
||||
onClick={() => void guncelle()}
|
||||
className="cursor-pointer bg-orange-500 text-white transition-[background-color,transform] duration-200 active:scale-[0.97] hover:bg-orange-600"
|
||||
>
|
||||
Listemi güncelle — {raporKredi} kredi
|
||||
<ArrowRight className="size-4" aria-hidden />
|
||||
</Button>
|
||||
) : (
|
||||
<Button
|
||||
asChild
|
||||
className="cursor-pointer bg-orange-500 text-white transition-[background-color,transform] duration-200 active:scale-[0.97] hover:bg-orange-600"
|
||||
>
|
||||
<Link href="/paket">
|
||||
{hasPaket ? "Kredi yükle ve güncelle" : "Paketi aktive et"}
|
||||
<ArrowRight className="size-4" aria-hidden />
|
||||
</Link>
|
||||
</Button>
|
||||
)}
|
||||
<button
|
||||
type="button"
|
||||
onClick={gizle}
|
||||
className="cursor-pointer text-sm font-medium text-amber-800 underline underline-offset-2 transition-colors hover:text-amber-900"
|
||||
>
|
||||
Şimdilik kalsın
|
||||
</button>
|
||||
{!krediYeter && durum.ad !== "hata" ? (
|
||||
<p className="w-full text-xs text-amber-900/70">
|
||||
Güncelleme {raporKredi} kredi; bakiyen {kredi} kredi.
|
||||
</p>
|
||||
) : null}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{durum.ad === "bekliyor" ? (
|
||||
<button
|
||||
type="button"
|
||||
onClick={gizle}
|
||||
className="flex size-9 shrink-0 cursor-pointer items-center justify-center rounded-full border border-amber-200 text-amber-800 transition-colors duration-200 active:scale-[0.96] hover:bg-amber-100"
|
||||
>
|
||||
<X className="size-4" aria-hidden />
|
||||
<span className="sr-only">Uyarıyı kapat</span>
|
||||
</button>
|
||||
) : null}
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
||||
function UretimSatiri() {
|
||||
const mesaj = useUretimMesaji();
|
||||
return (
|
||||
<div className="mt-4 flex flex-col gap-1">
|
||||
<p className="flex items-center gap-2 text-sm font-medium text-amber-900">
|
||||
<RefreshCcw className="size-4 animate-spin" aria-hidden />
|
||||
Listen yeni tercihlerine göre kuruluyor…
|
||||
</p>
|
||||
<p className="text-sm text-amber-900/70">{mesaj}</p>
|
||||
<p className="text-xs text-amber-900/60">
|
||||
Bu işlem yarım dakika kadar sürebilir, sayfayı kapatma.
|
||||
</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
function KrediYetersiz({
|
||||
hasPaket,
|
||||
raporKredi,
|
||||
}: {
|
||||
hasPaket: boolean;
|
||||
raporKredi: number;
|
||||
}) {
|
||||
return (
|
||||
<div className="mt-4 flex flex-wrap items-center gap-3">
|
||||
<p className="w-full text-sm text-amber-900">
|
||||
{hasPaket
|
||||
? `Güncelleme ${raporKredi} kredi ve bakiyen yetmedi. Kredi yüklediğinde listen ve sohbet geçmişin duruyor, kaldığın yerden devam edersin.`
|
||||
: `Güncelleme ${raporKredi} kredi ve bakiyen yetmedi. Tercih Dönemi Paketi'yle kredilerin, tam liste, PDF ve revizyon hakları birlikte gelir.`}
|
||||
</p>
|
||||
<Button
|
||||
asChild
|
||||
className="cursor-pointer bg-orange-500 text-white transition-colors duration-200 hover:bg-orange-600"
|
||||
>
|
||||
<Link href="/paket">
|
||||
{hasPaket ? "Kredi yükle" : "Paketi aktive et"}
|
||||
<ArrowRight className="size-4" aria-hidden />
|
||||
</Link>
|
||||
</Button>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user