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

Replaced IconRenderer with FontAwesome

pull/157/head
Jose Olarte III 3 weeks ago
parent
118e93b85a
commit
934e18f728
2 changed files with 85 additions and 131 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 10
      src/libs/fontawesome.ts
  2. 206
      src/views/DatabaseMigration.vue

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;

Write Preview
Loading…
Cancel
Save