From 4d2f28ecead7514a957d343b9d4d139afaa48421 Mon Sep 17 00:00:00 2001
From: Leonardo Bishop <me@leonardobishop.com>
Date: Sun, 10 Mar 2024 01:56:33 +0000
Subject: Fix broken fontawesome references

---
 components/editor/SidebarCategory.vue         | 2 +-
 components/editor/SidebarQuest.vue            | 2 +-
 components/editor/quest/TasksOptionsPanel.vue | 3 +--
 components/editor/quest/modal/Delete.vue      | 4 ++--
 components/editor/quest/modal/Duplicate.vue   | 4 ++--
 components/editor/quest/modal/Rename.vue      | 4 ++--
 components/editor/task/Configuration.vue      | 6 +++---
 components/editor/task/modal/Change.vue       | 4 ++--
 components/editor/task/modal/Create.vue       | 4 ++--
 9 files changed, 16 insertions(+), 17 deletions(-)

(limited to 'components/editor')

diff --git a/components/editor/SidebarCategory.vue b/components/editor/SidebarCategory.vue
index 3e0db9b..9dedf33 100644
--- a/components/editor/SidebarCategory.vue
+++ b/components/editor/SidebarCategory.vue
@@ -35,7 +35,7 @@ const selected = computed(() => {
   <div id="category-container" :class="{ selected: selected }">
     <span id="category-title" @click="setSelectedCategory">
       <font-awesome-icon @click.stop="expandCategory" class="category-icon"
-        :icon="expanded ? ['fas', 'fa-caret-down'] : ['fas', 'fa-caret-up']" />
+        :icon="expanded ? ['fas', 'caret-down'] : ['fas', 'caret-up']" />
       <span id="category-name">
         <span id="category-display-name">{{ stripColorCodes(category.display.name) }}</span>
         <code id="category-display-id">{{ category.id }}</code>
diff --git a/components/editor/SidebarQuest.vue b/components/editor/SidebarQuest.vue
index a7b3e3f..422e8c6 100644
--- a/components/editor/SidebarQuest.vue
+++ b/components/editor/SidebarQuest.vue
@@ -23,7 +23,7 @@ const selected = computed(() => {
 <template>
   <div id="quest-container" @click.stop="setSelectedQuest" :class="{ selected: selected }">
     <span id="quest-title">
-      <font-awesome-icon class="quest-icon" :icon="['far', 'fa-compass']" />
+      <font-awesome-icon class="quest-icon" :icon="['far', 'compass']" />
       <span id="quest-name">
         <span id="quest-display-name">{{ stripColorCodes(quest.display.name) }}</span>
         <code id="quest-display-id">{{ quest.id }}</code>
diff --git a/components/editor/quest/TasksOptionsPanel.vue b/components/editor/quest/TasksOptionsPanel.vue
index 7742408..034089d 100644
--- a/components/editor/quest/TasksOptionsPanel.vue
+++ b/components/editor/quest/TasksOptionsPanel.vue
@@ -36,8 +36,7 @@ const addTask = (newId: string, newType: string) => {
         :quest="quest" />
 
       <div id="controls">
-        <Button id="add-task" :icon="['fas', 'fa-plus']" type="solid" label="Add task"
-          @click="showAddTaskModal = true" />
+        <Button id="add-task" :icon="['fas', 'plus']" type="solid" label="Add task" @click="showAddTaskModal = true" />
       </div>
     </div>
   </EditorOptionsPanel>
diff --git a/components/editor/quest/modal/Delete.vue b/components/editor/quest/modal/Delete.vue
index 47c6388..e81bcc7 100644
--- a/components/editor/quest/modal/Delete.vue
+++ b/components/editor/quest/modal/Delete.vue
@@ -15,8 +15,8 @@ defineProps({
     </template>
     <p>Are you sure you want to delete this quest? The quests editor does not have undo functionality (yet)! </p>
     <div id="confirm" class="control-group">
-      <Button :icon="['fas', 'fa-times']" :label="'Cancel'" @click="model = false"></Button>
-      <Button type="solid" :icon="['fas', 'fa-trash']" :label="'Delete'" @click="emit('delete')"></Button>
+      <Button :icon="['fas', 'times']" :label="'Cancel'" @click="model = false"></Button>
+      <Button type="solid" :icon="['fas', 'trash']" :label="'Delete'" @click="emit('delete')"></Button>
     </div>
   </Modal>
 </template>
diff --git a/components/editor/quest/modal/Duplicate.vue b/components/editor/quest/modal/Duplicate.vue
index e089222..73a2fd0 100644
--- a/components/editor/quest/modal/Duplicate.vue
+++ b/components/editor/quest/modal/Duplicate.vue
@@ -35,8 +35,8 @@ const isDuplicate = computed(() => {
         <p v-if="isDuplicate" class="error-text">Name is not unique.</p>
         <p>A Quest ID must be unique, alphanumeric, and not contain any spaces.</p>
         <div id="confirm" class="control-group">
-          <Button :icon="['fas', 'fa-times']" :label="'Cancel'" @click="model = false"></Button>
-          <Button type="solid" :icon="['fas', 'fa-check']" :label="'Duplicate'" :disabled="isDuplicate"
+          <Button :icon="['fas', 'times']" :label="'Cancel'" @click="model = false"></Button>
+          <Button type="solid" :icon="['fas', 'check']" :label="'Duplicate'" :disabled="isDuplicate"
             @click="emit('duplicate', newQuestId)"></Button>
         </div>
       </div>
diff --git a/components/editor/quest/modal/Rename.vue b/components/editor/quest/modal/Rename.vue
index 7339219..3d846aa 100644
--- a/components/editor/quest/modal/Rename.vue
+++ b/components/editor/quest/modal/Rename.vue
@@ -35,8 +35,8 @@ const isDuplicate = computed(() => {
         <p v-if="isDuplicate" class="error-text">Name is not unique.</p>
         <p>A Quest ID must be unique, alphanumeric, and not contain any spaces.</p>
         <div id="confirm" class="control-group">
-          <Button :icon="['fas', 'fa-times']" :label="'Cancel'" @click="model = false"></Button>
-          <Button type="solid" :icon="['fas', 'fa-check']" :label="'Rename'" :disabled="isDuplicate"
+          <Button :icon="['fas', 'times']" :label="'Cancel'" @click="model = false"></Button>
+          <Button type="solid" :icon="['fas', 'check']" :label="'Rename'" :disabled="isDuplicate"
             @click="emit('update', newQuestId)"></Button>
         </div>
       </div>
diff --git a/components/editor/task/Configuration.vue b/components/editor/task/Configuration.vue
index 9cb55d1..0355383 100644
--- a/components/editor/task/Configuration.vue
+++ b/components/editor/task/Configuration.vue
@@ -86,13 +86,13 @@ const deleteTaskType = (taskId: string) => {
         </code>
       </p>
       <div id="task-controls" class="control-group">
-        <Button :icon="['fas', 'fa-pen']" :label="'Change'" @click="showChangeModal = true"></Button>
-        <Button :icon="['fas', 'fa-trash']" :label="'Delete'" @click="deleteTaskType(props.taskId)"></Button>
+        <Button :icon="['fas', 'pen']" :label="'Change'" @click="showChangeModal = true"></Button>
+        <Button :icon="['fas', 'trash']" :label="'Delete'" @click="deleteTaskType(props.taskId)"></Button>
       </div>
     </div>
     <div id="task-configuration">
       <div v-if="!taskDefintion" class="error">
-        <font-awesome-icon id="error-icon" :icon="['fas', 'fa-triangle-exclamation']" />
+        <font-awesome-icon id="error-icon" :icon="['fas', 'triangle-exclamation']" />
         <p id="error-message">
           Unable to edit task <code>{{ props.taskId }}</code>.
         </p>
diff --git a/components/editor/task/modal/Change.vue b/components/editor/task/modal/Change.vue
index db7d96b..8ab5dbc 100644
--- a/components/editor/task/modal/Change.vue
+++ b/components/editor/task/modal/Change.vue
@@ -38,8 +38,8 @@ const newTypeDescription = computed(() => session.getTaskDefinitionByTaskType(ne
         <p v-if="newTypeDescription">{{ newTypeDescription }}</p>
         <p>Any configured options for this task will be overwritten.</p>
         <div id="confirm" class="control-group">
-          <Button :icon="['fas', 'fa-times']" :label="'Cancel'" @click="model = false"></Button>
-          <Button type="solid" :icon="['fas', 'fa-check']" :label="'Change'" :disabled="unknownTaskType || noChange"
+          <Button :icon="['fas', 'times']" :label="'Cancel'" @click="model = false"></Button>
+          <Button type="solid" :icon="['fas', 'check']" :label="'Change'" :disabled="unknownTaskType || noChange"
             @click="emit('update', newType)"></Button>
         </div>
       </div>
diff --git a/components/editor/task/modal/Create.vue b/components/editor/task/modal/Create.vue
index d286759..e3867b6 100644
--- a/components/editor/task/modal/Create.vue
+++ b/components/editor/task/modal/Create.vue
@@ -51,8 +51,8 @@ const newTypeDescription = computed(() => session.getTaskDefinitionByTaskType(ne
         <p v-if="newTypeDescription">{{ newTypeDescription }}</p>
         <p>A task ID must be unique, alphanumeric, and not contain any spaces.</p>
         <div id="confirm" class="control-group">
-          <Button :icon="['fas', 'fa-times']" :label="'Cancel'" @click="model = false"></Button>
-          <Button type="solid" :icon="['fas', 'fa-check']" :label="'Confirm'"
+          <Button :icon="['fas', 'times']" :label="'Cancel'" @click="model = false"></Button>
+          <Button type="solid" :icon="['fas', 'check']" :label="'Confirm'"
             :disabled="unknownTaskType || invalidTaskId || duplicateTaskId"
             @click="emit('add', newId, newType)"></Button>
         </div>
-- 
cgit v1.2.3-70-g09d2