From b4b6643581b15404600931a9b8f327a06478fac0 Mon Sep 17 00:00:00 2001
From: KevinMidboe <kevin.midboe@gmail.com>
Date: Sun, 14 Jun 2020 14:29:11 +0200
Subject: [PATCH] HistoryPage shows winners from prev lotteries.

The design of this pages sucks, but Winners.vue matched pretty well.
Need to have it's own design.
---
 src/components/HistoryPage.vue | 34 ++++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 src/components/HistoryPage.vue

diff --git a/src/components/HistoryPage.vue b/src/components/HistoryPage.vue
new file mode 100644
index 0000000..372e348
--- /dev/null
+++ b/src/components/HistoryPage.vue
@@ -0,0 +1,34 @@
+<template>
+  <div>
+    <h1>Historie fra tidligere lotteri</h1>
+
+    <div v-if="lotteries.length" v-for="lottery in lotteries">
+      <Winners :winners="lottery.winners" :title="`Vinnere fra ${lottery.dateString}`" />
+    </div>
+  </div>
+</template>
+
+<script>
+import { historyAll } from '@/api'
+import Winners from '@/ui/Winners'
+
+export default {
+  name: 'History page of prev lotteries',
+  components: { Winners },
+  data() {
+    return {
+      lotteries: [],
+    }
+  },
+  created() {
+    historyAll()
+      .then(history => this.lotteries = history.lotteries.reverse())
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+h1 {
+  text-align: center;
+}
+</style>
\ No newline at end of file