<!--
// Copyright (c) 2022-2024 Niko Bonnieure, Par le Peuple, NextGraph.org developers
// All rights reserved.
// Licensed under the Apache License, Version 2.0
// <LICENSE-APACHE2 or http://www.apache.org/licenses/LICENSE-2.0>
// or the MIT license <LICENSE-MIT or http://opensource.org/licenses/MIT>,
// at your option. All files in the project carrying such
// notice may not be copied, modified, or distributed except
// according to those terms.
-->

<script lang="ts">
    
    import { 
    } from "../store";
  
    import { Button, Progressbar, Spinner, Alert } from "flowbite-svelte";
    
    export let commits;
  
  </script>
  <div class="flex-col">
      <h2>ListView</h2>
      {#if Array.isArray(commits.history.commits)}
      {#each commits.history.commits as c}
          <div class="flex"> {c[0]} {JSON.stringify(c[1])}</div> 
      {/each}
      {/if}
      <div class="flex">
          HEADS: {#each commits.heads as head} {head} , {/each}
      </div>
      TRIPLES:
      {#each commits.graph as triple}
          <div class="flex"> {triple}</div> 
      {/each}

  </div>