<script>
    // Aufräumen beim Verlassen der Komponente
    import { onDestroy } from 'svelte';

    export let timestamp;

    let formattedTime;

    // Funktion zur Berechnung von "Erstellt vor ..."
    function timeAgo(inputTime) {
        const date = new Date(inputTime);
        const now = new Date();
        const diff = Math.floor((now - date) / 1000); // Unterschied in Sekunden

        if (diff < 60) return `Erstellt vor ${diff} Sekunden`;
        if (diff < 3600) return `Erstellt vor ${Math.floor(diff / 60)} Minuten`;
        if (diff < 86400) return `Erstellt vor ${Math.floor(diff / 3600)} Stunden`;
        if (diff < 2592000) return `Erstellt vor ${Math.floor(diff / 86400)} Tagen`;
        if (diff < 31536000) return `Erstellt vor ${Math.floor(diff / 2592000)} Monaten`;
        return `Erstellt vor ${Math.floor(diff / 31536000)} Jahren`;
    }

    // Aktualisiere den Zeitstempel alle 1 Sekunde
    const interval = setInterval(() => {
        formattedTime = timeAgo(timestamp);
    }, 10000);

    // Berechne sofort die aktuelle Zeit
    $: formattedTime = timeAgo(timestamp);

    onDestroy(() => clearInterval(interval));
</script>

<span class="timeStamp">{formattedTime}</span>

<style>
    .timeStamp{
        font-size: 15px;
        color: #b4b4b4; /* Optional: für eine schönere Darstellung */
    }
</style>
