From 8bc051efe1b132cbf00ff53f0cff8f7fe6a40449 Mon Sep 17 00:00:00 2001
From: Jacob Namhyung Kim
 <87889917+everywherejacobkim@users.noreply.github.com>
Date: Tue, 17 Oct 2023 21:21:44 -0700
Subject: [PATCH] remove print button at dashboard (#43)

---
 src/lib/components/AdminTable.svelte | 31 +---------------------------
 src/lib/components/Drawer.svelte     |  4 ++--
 2 files changed, 3 insertions(+), 32 deletions(-)

diff --git a/src/lib/components/AdminTable.svelte b/src/lib/components/AdminTable.svelte
index 8d85e9d..856f646 100644
--- a/src/lib/components/AdminTable.svelte
+++ b/src/lib/components/AdminTable.svelte
@@ -1,33 +1,9 @@
 <script lang="ts">
-  import DataTable, {Head, Body, Row, Cell} from '@smui/data-table'
   import {activeTickets, cancelledTickets} from '$lib/store'
-  import exportExcel from '$lib/exportExcel'
-  import type {Table} from 'airtable'
   import * as XLSX from 'xlsx'
 
   export let events: DB.Event[]
 
-  let initBodyHtml: string | null = null
-
-  function printContent() {
-    window.print()
-  }
-
-  function beforePrint() {
-    initBodyHtml = document.body.innerHTML
-    document.body.innerHTML = document.getElementById('print-area')?.innerHTML as string
-  }
-
-  function afterPrint() {
-    if (initBodyHtml !== null) {
-      document.body.innerHTML = initBodyHtml
-      initBodyHtml = null
-    }
-  }
-
-  window.onbeforeprint = beforePrint
-  window.onafterprint = afterPrint
-
   let ticketTable: HTMLTableElement
 
   function exportData(type: string) {
@@ -40,12 +16,7 @@
 
 <div>
   <button
-    class="hidden md:block absolute top-0 right-24 m-7 bg-royalBlue-500/75 hover:bg-royalBlue-500 text-white font-bold py-2 px-4 rounded-lg"
-    on:click={printContent}>
-    Print
-  </button>
-  <button
-    class="hidden md:block absolute top-0 right-44 m-7 bg-amber-300/75 hover:bg-amber-400 text-white font-bold py-2 px-4 rounded-lg"
+    class="hidden md:block absolute top-0 right-24 m-7 bg-amber-400/75 hover:bg-amber-400 text-white font-bold py-2 px-4 rounded-lg"
     on:click={() => {
       exportData('csv')
     }}>
diff --git a/src/lib/components/Drawer.svelte b/src/lib/components/Drawer.svelte
index 79910c2..40dc082 100644
--- a/src/lib/components/Drawer.svelte
+++ b/src/lib/components/Drawer.svelte
@@ -10,7 +10,7 @@
 </script>
 
 <div class="flex flex-col md:flex-row h-full">
-  <Drawer class="md:w-80 max-h-screen">
+  <Drawer class="md:w-60 max-h-screen">
     <Content class="h-full w-60">
       <List class="flex-start flex-row md:flex-col gap-2 p-1 md:p-2 h-full overflow-auto">
         {#each events as event}
@@ -29,7 +29,7 @@
     </Content>
   </Drawer>
 
-  <AppContent class="flex-auto pb-8">
+  <AppContent class="flex-auto pb-8 w-full h-full">
     <main class="h-full w-full">
       <List class="flex-start flex-col gap-1 h-full horizontal-overflow-auto w-[150%] p-2">
         {#if ticketValue && ticketValue.size > 0}