From d0b67fd28a605186ceb197f5aa60466c785b84db Mon Sep 17 00:00:00 2001
From: Andreas Zweili <andreas@2li.ch>
Date: Mon, 15 Feb 2021 22:24:12 +0100
Subject: [PATCH] add a CustomerDetails component

---
 .../components/customers/CustomerDetails.vue  | 27 +++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 frontend/src/components/customers/CustomerDetails.vue

diff --git a/frontend/src/components/customers/CustomerDetails.vue b/frontend/src/components/customers/CustomerDetails.vue
new file mode 100644
index 0000000..ce6e3b2
--- /dev/null
+++ b/frontend/src/components/customers/CustomerDetails.vue
@@ -0,0 +1,27 @@
+<template>
+  <dialog open>
+    <header>
+      <h1>{{ customerName }}</h1>
+    </header>
+    <p>{{ customerDescription }}</p>
+    <button @click="$emit('hide-details', true)">Return to list</button>
+  </dialog>
+</template>
+
+<script>
+export default {
+  props: {
+    customerName: {
+      type: String,
+      required: true,
+    },
+    customerDescription: {
+      type: String,
+      required: false,
+    },
+  },
+  emits: ["hide-details"],
+};
+</script>
+
+<style></style>