From 1b036d3278419f93e3ae78d0c7a86157c9c77703 Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <sebin.nyshkim@icloud.com>
Date: Tue, 18 Jul 2023 21:51:32 +0200
Subject: [PATCH] feat: replace DataTable component with new FilteredList
 component

---
 src/views/GeneralView.vue | 14 ++++----------
 1 file changed, 4 insertions(+), 10 deletions(-)

diff --git a/src/views/GeneralView.vue b/src/views/GeneralView.vue
index 486e089..1e196f0 100644
--- a/src/views/GeneralView.vue
+++ b/src/views/GeneralView.vue
@@ -17,10 +17,10 @@ import {
 } from '@/sebin'
 import { dateFormat, getAge, toImperial, toLbs } from '@/helpers'
 import { nsfwKey, showModalKey } from '@/keys'
-import type { Kink } from '@/interfaces'
 import DataTable from '@/components/DataTable.vue'
 import QuickFacts from '@/components/QuickFacts.vue'
 import RefToggle from '@/components/RefToggle.vue'
+import FilteredList from '@/components/FilteredList.vue'
 
 const generalHeadings = ['Key', 'Value']
 const generalData = [
@@ -39,14 +39,6 @@ const nsfwData = [
   ['Position', position]
 ]
 
-const kinksHeadings = ['Kink', 'Receive', 'Give']
-const kinksData = kinks.map((kink: Kink): string[] => {
-  const receive = kink.receive ? '✅' : '🚫'
-  const give = kink.give ? '✅' : '🚫'
-
-  return [kink.name, receive, give]
-})
-
 const isNsfw = inject<boolean>(nsfwKey, false)
 const showModal = inject<Function>(showModalKey, Function)
 </script>
@@ -197,7 +189,9 @@ const showModal = inject<Function>(showModalKey, Function)
         wants it. After all he is well endowed enough to peddle it around.
       </p>
 
-      <DataTable class="kinks" :headings="kinksHeadings" :data="kinksData" />
+      <h3>Kinks</h3>
+
+      <FilteredList :data="kinks" />
     </template>
 
     <template v-else>