➕ Add table data type 'code'

thunderbird · May 24, 2024 · e9a823e · e9a823e
1 parent 3d87c8e
commit e9a823e
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/frontend/src/components/DataTable.vue b/frontend/src/components/DataTable.vue
@@ -37,6 +37,10 @@
               <span v-if="fieldData.type === tableDataType.text">
                 {{ fieldData.value }}
               </span>
+              <span v-else-if="fieldData.type === tableDataType.code" class="flex gap-4 items-center">
+                <code>{{ fieldData.value }}</code>
+                <text-button :copy="fieldData.value" />
+              </span>
               <span v-else-if="fieldData.type === tableDataType.link">
                 <a :href="fieldData.link" target="_blank">{{ fieldData.value }}</a>
               </span>
@@ -94,6 +98,7 @@ import { tableDataButtonType, tableDataType } from '@/definitions';
 import PrimaryButton from '@/elements/PrimaryButton.vue';
 import SecondaryButton from '@/elements/SecondaryButton.vue';
 import CautionButton from '@/elements/CautionButton.vue';
+import TextButton from '@/elements/TextButton.vue';
 import LoadingSpinner from '@/elements/LoadingSpinner.vue';
 
 const props = defineProps({

diff --git a/frontend/src/definitions.js b/frontend/src/definitions.js
@@ -252,6 +252,7 @@ export const tableDataType = {
   text: 1,
   link: 2,
   button: 3,
+  code: 4,
 };
 
 export const tableDataButtonType = {

diff --git a/frontend/src/views/admin/InviteCodePanelView.vue b/frontend/src/views/admin/InviteCodePanelView.vue
@@ -83,7 +83,7 @@ const pageNotification = ref('');
 
 const filteredInvites = computed(() => invites.value.map((invite) => ({
   code: {
-    type: tableDataType.text,
+    type: tableDataType.code,
     value: invite.code,
   },
   status: {