trent_larson/crowd-funder-for-time-pwa
4
1
Fork 2
Code Issues Pull Requests 21 Releases 5 Wiki Activity

Replaced IconRenderer with FontAwesome

Browse Source
This commit is contained in:
Jose Olarte III
2025-07-30 19:53:35 +08:00
parent 118e93b85a
commit 934e18f728
2 changed files with 85 additions and 131 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/libs/fontawesome.ts
View File

@@ -20,6 +20,7 @@ import {
faCameraRotate, faCameraRotate,
faCaretDown, faCaretDown,
faChair, faChair,
faChartLine,
faCheck, faCheck,
faChevronDown, faChevronDown,
faChevronLeft, faChevronLeft,
@@ -28,6 +29,7 @@ import {
faCircle, faCircle,
faCircleCheck, faCircleCheck,
faCircleInfo, faCircleInfo,
faCirclePlus,
faCircleQuestion, faCircleQuestion,
faCircleRight, faCircleRight,
faCircleUser, faCircleUser,
@@ -49,6 +51,7 @@ import {
faFloppyDisk, faFloppyDisk,
faFolderOpen, faFolderOpen,
faForward, faForward,
faGear,
faGift, faGift,
faGlobe, faGlobe,
faHammer, faHammer,
@@ -58,6 +61,7 @@ import {
faHouseChimney, faHouseChimney,
faImage, faImage,
faImagePortrait, faImagePortrait,
faInfo,
faLeftRight, faLeftRight,
faLightbulb, faLightbulb,
faLink, faLink,
@@ -72,8 +76,8 @@ import {
faPersonCircleCheck, faPersonCircleCheck,
faPersonCircleQuestion, faPersonCircleQuestion,
faPlus, faPlus,
faQuestion,
faQrcode, faQrcode,
faQuestion,
faRightFromBracket, faRightFromBracket,
faRotate, faRotate,
faShareNodes, faShareNodes,
@@ -106,6 +110,7 @@ library.add(
faCameraRotate, faCameraRotate,
faCaretDown, faCaretDown,
faChair, faChair,
faChartLine,
faCheck, faCheck,
faChevronDown, faChevronDown,
faChevronLeft, faChevronLeft,
@@ -114,6 +119,7 @@ library.add(
faCircle, faCircle,
faCircleCheck, faCircleCheck,
faCircleInfo, faCircleInfo,
faCirclePlus,
faCircleQuestion, faCircleQuestion,
faCircleRight, faCircleRight,
faCircleUser, faCircleUser,
@@ -135,6 +141,7 @@ library.add(
faFloppyDisk, faFloppyDisk,
faFolderOpen, faFolderOpen,
faForward, faForward,
faGear,
faGift, faGift,
faGlobe, faGlobe,
faHammer, faHammer,
@@ -144,6 +151,7 @@ library.add(
faHouseChimney, faHouseChimney,
faImage, faImage,
faImagePortrait, faImagePortrait,
faInfo,
faLeftRight, faLeftRight,
faLightbulb, faLightbulb,
faLink, faLink,

206
src/views/DatabaseMigration.vue
View File

@@ -91,17 +91,12 @@
class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed" class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed"
@click="downloadAccount" @click="downloadAccount"
> >
<IconRenderer <font-awesome
v-if="isLoading" v-if="isLoading"
icon-name="spinner" icon="spinner"
svg-class="animate-spin -ml-1 mr-3 h-5 w-5 text-white" class="animate-spin -ml-1 mr-3 h-5 w-5 text-white"
fill="currentColor"
/>
<IconRenderer
v-else
icon-name="chart"
svg-class="-ml-1 mr-3 h-5 w-5"
/> />
<font-awesome v-else icon="chart-line" class="-ml-1 mr-3 h-5 w-5" />
Show Account Seed Show Account Seed
</button> </button>
@@ -110,17 +105,12 @@
class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed" class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed"
@click="downloadSettingsContacts" @click="downloadSettingsContacts"
> >
<IconRenderer <font-awesome
v-if="isLoading" v-if="isLoading"
icon-name="spinner" icon="spinner"
svg-class="animate-spin -ml-1 mr-3 h-5 w-5 text-white" class="animate-spin -ml-1 mr-3 h-5 w-5 text-white"
fill="currentColor"
/>
<IconRenderer
v-else
icon-name="chart"
svg-class="-ml-1 mr-3 h-5 w-5"
/> />
<font-awesome v-else icon="chart-line" class="-ml-1 mr-3 h-5 w-5" />
Download Settings &amp; Contacts Download Settings &amp; Contacts
</button> </button>
@@ -143,17 +133,12 @@
class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed" class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed"
@click="compareDatabases" @click="compareDatabases"
> >
<IconRenderer <font-awesome
v-if="isLoading" v-if="isLoading"
icon-name="spinner" icon="spinner"
svg-class="animate-spin -ml-1 mr-3 h-5 w-5 text-white" class="animate-spin -ml-1 mr-3 h-5 w-5 text-white"
fill="currentColor"
/>
<IconRenderer
v-else
icon-name="chart"
svg-class="-ml-1 mr-3 h-5 w-5"
/> />
<font-awesome v-else icon="chart-line" class="-ml-1 mr-3 h-5 w-5" />
Compare Databases Compare Databases
</button> </button>
@@ -162,17 +147,12 @@
class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed"
@click="migrateAll" @click="migrateAll"
> >
<IconRenderer <font-awesome
v-if="isLoading" v-if="isLoading"
icon-name="spinner" icon="spinner"
svg-class="animate-spin -ml-1 mr-3 h-5 w-5 text-white" class="animate-spin -ml-1 mr-3 h-5 w-5 text-white"
fill="currentColor"
/>
<IconRenderer
v-else
icon-name="check"
svg-class="-ml-1 mr-3 h-5 w-5"
/> />
<font-awesome v-else icon="check" class="-ml-1 mr-3 h-5 w-5" />
Migrate All Migrate All
</button> </button>
@@ -185,10 +165,9 @@
> >
<div class="flex"> <div class="flex">
<div class="flex-shrink-0"> <div class="flex-shrink-0">
<IconRenderer <font-awesome
icon-name="warning" icon="triangle-exclamation"
svg-class="h-5 w-5 text-red-400" class="h-5 w-5 text-red-400"
fill="currentColor"
/> />
</div> </div>
<div class="ml-3"> <div class="ml-3">
@@ -207,10 +186,9 @@
> >
<div class="flex"> <div class="flex">
<div class="flex-shrink-0"> <div class="flex-shrink-0">
<IconRenderer <font-awesome
icon-name="warning" icon="triangle-exclamation"
svg-class="h-5 w-5 text-red-400" class="h-5 w-5 text-red-400"
fill="currentColor"
/> />
</div> </div>
<div class="ml-3"> <div class="ml-3">
@@ -229,10 +207,7 @@
> >
<div class="flex"> <div class="flex">
<div class="flex-shrink-0"> <div class="flex-shrink-0">
<IconRenderer <font-awesome icon="check" class="h-5 w-5 text-green-400" />
icon-name="check"
svg-class="h-5 w-5 text-green-400"
/>
</div> </div>
<div class="ml-3"> <div class="ml-3">
<h3 class="text-sm font-medium text-green-800">Success</h3> <h3 class="text-sm font-medium text-green-800">Success</h3>
@@ -249,7 +224,7 @@
class="inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed" class="inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed"
@click="exportComparison" @click="exportComparison"
> >
<IconRenderer icon-name="download" svg-class="-ml-1 mr-3 h-5 w-5" /> <font-awesome icon="download" class="-ml-1 mr-3 h-5 w-5" />
Export Comparison Export Comparison
</button> </button>
@@ -258,17 +233,12 @@
class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed" class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed"
@click="displayDatabases" @click="displayDatabases"
> >
<IconRenderer <font-awesome
v-if="isLoading" v-if="isLoading"
icon-name="spinner" icon="spinner"
svg-class="animate-spin -ml-1 mr-3 h-5 w-5 text-white" class="animate-spin -ml-1 mr-3 h-5 w-5 text-white"
fill="currentColor"
/>
<IconRenderer
v-else
icon-name="chart"
svg-class="-ml-1 mr-3 h-5 w-5"
/> />
<font-awesome v-else icon="chart-line" class="-ml-1 mr-3 h-5 w-5" />
Show Previous Data Show Previous Data
</button> </button>
@@ -277,7 +247,7 @@
class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-orange-600 hover:bg-orange-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-orange-500 disabled:opacity-50 disabled:cursor-not-allowed" class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-orange-600 hover:bg-orange-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-orange-500 disabled:opacity-50 disabled:cursor-not-allowed"
@click="migrateAccounts" @click="migrateAccounts"
> >
<IconRenderer icon-name="lock" svg-class="-ml-1 mr-3 h-5 w-5" /> <font-awesome icon="lock" class="-ml-1 mr-3 h-5 w-5" />
Migrate Accounts Migrate Accounts
</button> </button>
@@ -286,7 +256,7 @@
class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-purple-600 hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500 disabled:opacity-50 disabled:cursor-not-allowed" class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-purple-600 hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500 disabled:opacity-50 disabled:cursor-not-allowed"
@click="migrateSettings" @click="migrateSettings"
> >
<IconRenderer icon-name="settings" svg-class="-ml-1 mr-3 h-5 w-5" /> <font-awesome icon="gear" class="-ml-1 mr-3 h-5 w-5" />
Migrate Settings Migrate Settings
</button> </button>
@@ -295,7 +265,7 @@
class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-green-600 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 disabled:opacity-50 disabled:cursor-not-allowed" class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-green-600 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 disabled:opacity-50 disabled:cursor-not-allowed"
@click="migrateContacts" @click="migrateContacts"
> >
<IconRenderer icon-name="plus" svg-class="-ml-1 mr-3 h-5 w-5" /> <font-awesome icon="plus" class="-ml-1 mr-3 h-5 w-5" />
Migrate Contacts Migrate Contacts
</button> </button>
</div> </div>
@@ -316,11 +286,7 @@
> >
<div class="flex"> <div class="flex">
<div class="flex-shrink-0"> <div class="flex-shrink-0">
<IconRenderer <font-awesome icon="info" class="h-5 w-5 text-blue-400" />
icon-name="info"
svg-class="h-5 w-5 text-blue-400"
fill="currentColor"
/>
</div> </div>
<div class="ml-3"> <div class="ml-3">
<h3 class="text-sm font-medium text-blue-800"> <h3 class="text-sm font-medium text-blue-800">
@@ -357,10 +323,9 @@
<div <div
class="inline-flex items-center px-4 py-2 font-semibold leading-6 text-sm shadow rounded-md text-white bg-blue-500 hover:bg-blue-400 transition ease-in-out duration-150 cursor-not-allowed" class="inline-flex items-center px-4 py-2 font-semibold leading-6 text-sm shadow rounded-md text-white bg-blue-500 hover:bg-blue-400 transition ease-in-out duration-150 cursor-not-allowed"
> >
<IconRenderer <font-awesome
icon-name="spinner" icon="spinner"
svg-class="animate-spin -ml-1 mr-3 h-5 w-5 text-white" class="animate-spin -ml-1 mr-3 h-5 w-5 text-white"
fill="currentColor"
/> />
{{ loadingMessage }} {{ loadingMessage }}
</div> </div>
@@ -375,10 +340,7 @@
<div class="p-5"> <div class="p-5">
<div class="flex items-center"> <div class="flex items-center">
<div class="flex-shrink-0"> <div class="flex-shrink-0">
<IconRenderer <font-awesome icon="lock" class="h-6 w-6 text-orange-600" />
icon-name="lock"
svg-class="h-6 w-6 text-orange-600"
/>
</div> </div>
<div class="ml-5 w-0 flex-1"> <div class="ml-5 w-0 flex-1">
<dl> <dl>
@@ -398,10 +360,7 @@
<div class="p-5"> <div class="p-5">
<div class="flex items-center"> <div class="flex items-center">
<div class="flex-shrink-0"> <div class="flex-shrink-0">
<IconRenderer <font-awesome icon="check" class="h-6 w-6 text-teal-600" />
icon-name="check"
svg-class="h-6 w-6 text-teal-600"
/>
</div> </div>
<div class="ml-5 w-0 flex-1"> <div class="ml-5 w-0 flex-1">
<dl> <dl>
@@ -422,10 +381,7 @@
<div class="p-5"> <div class="p-5">
<div class="flex items-center"> <div class="flex items-center">
<div class="flex-shrink-0"> <div class="flex-shrink-0">
<IconRenderer <font-awesome icon="gear" class="h-6 w-6 text-purple-600" />
icon-name="settings"
svg-class="h-6 w-6 text-purple-600"
/>
</div> </div>
<div class="ml-5 w-0 flex-1"> <div class="ml-5 w-0 flex-1">
<dl> <dl>
@@ -445,10 +401,7 @@
<div class="p-5"> <div class="p-5">
<div class="flex items-center"> <div class="flex items-center">
<div class="flex-shrink-0"> <div class="flex-shrink-0">
<IconRenderer <font-awesome icon="check" class="h-6 w-6 text-indigo-600" />
icon-name="check"
svg-class="h-6 w-6 text-indigo-600"
/>
</div> </div>
<div class="ml-5 w-0 flex-1"> <div class="ml-5 w-0 flex-1">
<dl> <dl>
@@ -469,9 +422,9 @@
<div class="p-5"> <div class="p-5">
<div class="flex items-center"> <div class="flex items-center">
<div class="flex-shrink-0"> <div class="flex-shrink-0">
<IconRenderer <font-awesome
icon-name="chart" icon="chart-line"
svg-class="h-6 w-6 text-blue-600" class="h-6 w-6 text-blue-600"
/> />
</div> </div>
<div class="ml-5 w-0 flex-1"> <div class="ml-5 w-0 flex-1">
@@ -492,10 +445,7 @@
<div class="p-5"> <div class="p-5">
<div class="flex items-center"> <div class="flex items-center">
<div class="flex-shrink-0"> <div class="flex-shrink-0">
<IconRenderer <font-awesome icon="check" class="h-6 w-6 text-green-600" />
icon-name="check"
svg-class="h-6 w-6 text-green-600"
/>
</div> </div>
<div class="ml-5 w-0 flex-1"> <div class="ml-5 w-0 flex-1">
<dl> <dl>
@@ -526,9 +476,9 @@
class="flex items-center justify-between p-3 bg-blue-50 rounded-lg" class="flex items-center justify-between p-3 bg-blue-50 rounded-lg"
> >
<div class="flex items-center"> <div class="flex items-center">
<IconRenderer <font-awesome
icon-name="plusCircle" icon="circle-plus"
svg-class="h-5 w-5 text-blue-600 mr-2" class="h-5 w-5 text-blue-600 mr-2"
/> />
<span class="text-sm font-medium text-blue-900">Add</span> <span class="text-sm font-medium text-blue-900">Add</span>
</div> </div>
@@ -541,9 +491,9 @@
class="flex items-center justify-between p-3 bg-yellow-50 rounded-lg" class="flex items-center justify-between p-3 bg-yellow-50 rounded-lg"
> >
<div class="flex items-center"> <div class="flex items-center">
<IconRenderer <font-awesome
icon-name="check" icon="check"
svg-class="h-5 w-5 text-yellow-600 mr-2" class="h-5 w-5 text-yellow-600 mr-2"
/> />
<span class="text-sm font-medium text-yellow-900" <span class="text-sm font-medium text-yellow-900"
>Unmodified</span >Unmodified</span
@@ -558,9 +508,9 @@
class="flex items-center justify-between p-3 bg-red-50 rounded-lg" class="flex items-center justify-between p-3 bg-red-50 rounded-lg"
> >
<div class="flex items-center"> <div class="flex items-center">
<IconRenderer <font-awesome
icon-name="trash" icon="trash-can"
svg-class="h-5 w-5 text-red-600 mr-2" class="h-5 w-5 text-red-600 mr-2"
/> />
<span class="text-sm font-medium text-red-900">Keep</span> <span class="text-sm font-medium text-red-900">Keep</span>
</div> </div>
@@ -677,9 +627,9 @@
class="flex items-center justify-between p-3 bg-blue-50 rounded-lg" class="flex items-center justify-between p-3 bg-blue-50 rounded-lg"
> >
<div class="flex items-center"> <div class="flex items-center">
<IconRenderer <font-awesome
icon-name="plusCircle" icon="circle-plus"
svg-class="h-5 w-5 text-blue-600 mr-2" class="h-5 w-5 text-blue-600 mr-2"
/> />
<span class="text-sm font-medium text-blue-900">Add</span> <span class="text-sm font-medium text-blue-900">Add</span>
</div> </div>
@@ -692,9 +642,9 @@
class="flex items-center justify-between p-3 bg-yellow-50 rounded-lg" class="flex items-center justify-between p-3 bg-yellow-50 rounded-lg"
> >
<div class="flex items-center"> <div class="flex items-center">
<IconRenderer <font-awesome
icon-name="edit" icon="pen"
svg-class="h-5 w-5 text-yellow-600 mr-2" class="h-5 w-5 text-yellow-600 mr-2"
/> />
<span class="text-sm font-medium text-yellow-900" <span class="text-sm font-medium text-yellow-900"
>Modify</span >Modify</span
@@ -709,9 +659,9 @@
class="flex items-center justify-between p-3 bg-yellow-50 rounded-lg" class="flex items-center justify-between p-3 bg-yellow-50 rounded-lg"
> >
<div class="flex items-center"> <div class="flex items-center">
<IconRenderer <font-awesome
icon-name="check" icon="check"
svg-class="h-5 w-5 text-yellow-600 mr-2" class="h-5 w-5 text-yellow-600 mr-2"
/> />
<span class="text-sm font-medium text-yellow-900" <span class="text-sm font-medium text-yellow-900"
>Unmodified</span >Unmodified</span
@@ -726,9 +676,9 @@
class="flex items-center justify-between p-3 bg-red-50 rounded-lg" class="flex items-center justify-between p-3 bg-red-50 rounded-lg"
> >
<div class="flex items-center"> <div class="flex items-center">
<IconRenderer <font-awesome
icon-name="trash" icon="trash-can"
svg-class="h-5 w-5 text-red-600 mr-2" class="h-5 w-5 text-red-600 mr-2"
/> />
<span class="text-sm font-medium text-red-900">Keep</span> <span class="text-sm font-medium text-red-900">Keep</span>
</div> </div>
@@ -868,9 +818,9 @@
class="flex items-center justify-between p-3 bg-blue-50 rounded-lg" class="flex items-center justify-between p-3 bg-blue-50 rounded-lg"
> >
<div class="flex items-center"> <div class="flex items-center">
<IconRenderer <font-awesome
icon-name="plusCircle" icon="circle-plus"
svg-class="h-5 w-5 text-blue-600 mr-2" class="h-5 w-5 text-blue-600 mr-2"
/> />
<span class="text-sm font-medium text-blue-900">Add</span> <span class="text-sm font-medium text-blue-900">Add</span>
</div> </div>
@@ -883,9 +833,9 @@
class="flex items-center justify-between p-3 bg-yellow-50 rounded-lg" class="flex items-center justify-between p-3 bg-yellow-50 rounded-lg"
> >
<div class="flex items-center"> <div class="flex items-center">
<IconRenderer <font-awesome
icon-name="edit" icon="pen"
svg-class="h-5 w-5 text-yellow-600 mr-2" class="h-5 w-5 text-yellow-600 mr-2"
/> />
<span class="text-sm font-medium text-yellow-900" <span class="text-sm font-medium text-yellow-900"
>Modify</span >Modify</span
@@ -900,9 +850,9 @@
class="flex items-center justify-between p-3 bg-yellow-50 rounded-lg" class="flex items-center justify-between p-3 bg-yellow-50 rounded-lg"
> >
<div class="flex items-center"> <div class="flex items-center">
<IconRenderer <font-awesome
icon-name="check" icon="check"
svg-class="h-5 w-5 text-yellow-600 mr-2" class="h-5 w-5 text-yellow-600 mr-2"
/> />
<span class="text-sm font-medium text-yellow-900" <span class="text-sm font-medium text-yellow-900"
>Unmodified</span >Unmodified</span
@@ -917,9 +867,9 @@
class="flex items-center justify-between p-3 bg-red-50 rounded-lg" class="flex items-center justify-between p-3 bg-red-50 rounded-lg"
> >
<div class="flex items-center"> <div class="flex items-center">
<IconRenderer <font-awesome
icon-name="trash" icon="trash-can"
svg-class="h-5 w-5 text-red-600 mr-2" class="h-5 w-5 text-red-600 mr-2"
/> />
<span class="text-sm font-medium text-red-900">Keep</span> <span class="text-sm font-medium text-red-900">Keep</span>
</div> </div>
@@ -1067,7 +1017,6 @@ import { Component, Vue } from "vue-facing-decorator";
import { useClipboard } from "@vueuse/core"; import { useClipboard } from "@vueuse/core";
import { Router } from "vue-router"; import { Router } from "vue-router";
import IconRenderer from "../components/IconRenderer.vue";
import { import {
compareDatabases, compareDatabases,
migrateSettings, migrateSettings,
@@ -1104,9 +1053,6 @@ import { logger } from "../utils/logger";
*/ */
@Component({ @Component({
name: "DatabaseMigration", name: "DatabaseMigration",
components: {
IconRenderer,
},
}) })
export default class DatabaseMigration extends Vue { export default class DatabaseMigration extends Vue {
$router!: Router; $router!: Router;