Replace icons

app/components/button.hbs

@@ -23,7 +23,7 @@
     {{on 'click' this.handleClick}}
   >
     {{#if this.isPending}}
-      <MdIcon::Loading @spin={{true}} class="mx-1" />
+      <Icons::Loading @spin={{true}} class="mx-1" />
     {{else if @icon}}
       <@icon class="mx-1" />
     {{/if}}

app/components/icons/arrow-down.js

@@ -0,0 +1 @@
+export { ArrowDown as default } from 'ember-mdi';

app/components/icons/arrow-up-down.js

@@ -0,0 +1 @@
+export { ArrowUpDown as default } from 'ember-mdi';

app/components/icons/arrow-up.js

@@ -0,0 +1 @@
+export { ArrowUp as default } from 'ember-mdi';

app/components/icons/checkbox-blank-outline.js

@@ -0,0 +1 @@
+export { CheckboxBlankOutline as default } from 'ember-mdi';

app/components/icons/checkbox-outline.js

@@ -0,0 +1 @@
+export { CheckboxOutline as default } from 'ember-mdi';

app/components/icons/chevron-left.js

@@ -0,0 +1 @@
+export { ChevronLeft as default } from 'ember-mdi';

app/components/icons/chevron-right.js

@@ -0,0 +1 @@
+export { ChevronRight as default } from 'ember-mdi';

app/components/icons/circle-medium.js

@@ -0,0 +1 @@
+export { CircleMedium as default } from 'ember-mdi';

app/components/icons/github.js

@@ -0,0 +1 @@
+export { Github as default } from 'ember-mdi';

app/components/icons/help-circle-outline.js

@@ -0,0 +1 @@
+export { HelpCircleOutline as default } from 'ember-mdi';

app/components/icons/loading.js

@@ -0,0 +1 @@
+export { Heart as default } from 'ember-mdi';

app/components/icons/logout.js

@@ -0,0 +1 @@
+export { Logout as default } from 'ember-mdi';

app/components/input-checkbox.hbs

@@ -1,8 +1,8 @@
 <label class="flex items-center cursor-pointer" {{on "click" this.onChange}} ...attributes>
   {{#if @checked}}
-    <MdIcon::CheckboxOutline @size={{22}}/>
+    <Icons::CheckboxOutline @size={{22}}/>
   {{else}}
-    <MdIcon::CheckboxBlankOutline @size={{22}}/>
+    <Icons::CheckboxBlankOutline @size={{22}}/>
   {{/if}}
   <span class="ml-1">{{@label}}</span>
 </label>

app/components/pagination.hbs

@@ -16,7 +16,7 @@
           class={{commonClasses}}
           title='Previous page'
         >
-          <MdIcon::ChevronLeft />
+          <Icons::ChevronLeft />
         </LinkTo>
       {{/if}}
       {{#each this.availablePages as |i|}}
@@ -47,7 +47,7 @@
           class={{commonClasses}}
           title='Next page'
         >
-          <MdIcon::ChevronRight />
+          <Icons::ChevronRight />
         </LinkTo>
       {{/if}}
     {{/let}}

app/components/royal-table/column/sorting-icon.hbs

@@ -1,11 +1,11 @@
 <span ...attributes>
   {{#if @sortable}}
     {{#if @isAscSorted}}
-      <MdIcon::ArrowDown />
+      <Icons::ArrowDown />
     {{else if @isDescSorted}}
-      <MdIcon::ArrowUp />
+      <Icons::ArrowUp />
     {{else}}
-      <MdIcon::ArrowUpDown />
+      <Icons::ArrowUpDown />
     {{/if}}
   {{/if}}
 </span>

app/controllers/admin.js

@@ -1,5 +1,5 @@
 import Controller from '@ember/controller';
-import { CheckboxMarkedCircle, AlertCircle } from 'ember-mdi/icons';
+import { CheckboxMarkedCircle, AlertCircle } from 'ember-mdi';
 import { inject as service } from '@ember/service';
 import { action } from '@ember/object';
 

app/controllers/admin/indexes/item.js

@@ -1,5 +1,5 @@
 import Controller from '@ember/controller';
-import { DatabaseOutline, CogOutline } from 'ember-mdi/icons';
+import { DatabaseOutline, CogOutline } from 'ember-mdi';
 
 export default class AdminIndexesItemController extends Controller {
   DatabaseOutline = DatabaseOutline;

app/controllers/admin/indexes/item/data.js

@@ -1,7 +1,7 @@
 import Controller from '@ember/controller';
 import { action } from '@ember/object';
 import { tracked } from '@glimmer/tracking';
-import { Magnify, Table, MapOutline } from 'ember-mdi/icons';
+import { Magnify, Table, MapOutline } from 'ember-mdi';
 
 export default class AdminIndexesItemDataController extends Controller {
   @tracked q = null;

app/controllers/admin/indexes/item/settings.js

@@ -1,7 +1,7 @@
 import Controller from '@ember/controller';
 import { action, get, set } from '@ember/object';
 import arrayEquals from 'meilisearch-admin/utils/array-equals';
-import { ContentSaveOutline, Check, CircleMedium } from 'ember-mdi/icons';
+import { ContentSaveOutline, Check, CircleMedium } from 'ember-mdi';
 import { TrackedArray } from 'tracked-built-ins';
 
 export default class AdminIndexesItemSettingsController extends Controller {

app/templates/admin.hbs

@@ -18,7 +18,7 @@
               @model={{item}}
               class={{linkClass}}
             >
-              <MdIcon::CircleMedium class='mr-1' />
+              <Icons::CircleMedium class='mr-1' />
               {{capitalize item.uid}}
             </LinkTo>
           {{/each}}
@@ -30,7 +30,7 @@
             target='_blank'
             rel='noopener noreferrer'
           >
-            <MdIcon::HelpCircleOutline class='mr-1' />
+            <Icons::HelpCircleOutline class='mr-1' />
             Documentation
           </a>
           <a
@@ -39,7 +39,7 @@
             target='_blank'
             rel='noopener noreferrer'
           >
-            <MdIcon::Github class='mr-1' />
+            <Icons::Github class='mr-1' />
             MeiliSearch Admin
           </a>
 
@@ -47,7 +47,7 @@
             type='button'
             {{on 'click' this.invalidateSession}}
             class={{linkClass}}
-          ><MdIcon::Logout class='mr-1'/>Logout</button>
+          ><Icons::Logout class='mr-1'/>Logout</button>
         </nav>
       {{/let}}
       <div class='flex flex-row items-center mt-auto px-4 pt-2'>

app/templates/admin/indexes/item/data.hbs

@@ -8,10 +8,10 @@
 
 {{!-- <div class='flex items-center mb-4'>
   <div class='flex items-center ml-auto'>
-    <MdIcon::Check class='mr-1' @size='18' />
+    <Icons::Check class='mr-1' @size='18' />
     Hits:
     {{@model.data.estimatedTotalHits}}
-    <MdIcon::ClockOutline class='ml-6 mr-1' @size='18' />
+    <Icons::ClockOutline class='ml-6 mr-1' @size='18' />
     Time spent:
     {{@model.data.processingTimeMs}}
     ms

app/templates/admin/indexes/item/settings.hbs

@@ -128,9 +128,9 @@ TODO: refactoting
         class="flex items-center px-4 py-2 mb-2 border max-w-md"
         {{sortable-item model=item}}
       >
-        <MdIcon::DragVertical class="mr-2 -ml-2 cursor-move" />
+        <Icons::DragVertical class="mr-2 -ml-2 cursor-move" />
         {{item}}
-        <MdIcon::CloseThick
+        <Icons::CloseThick
           @size="16"
           class="ml-auto cursor-pointer"
           {{on 'click' (fn this.removeRankingRule item)}}

app/templates/login.hbs

@@ -44,7 +44,7 @@
       fits effortlessly into your apps, websites, and workflow.
     </p>
     <p class='flex items-center justify-center'>
-      <MdIcon::Github @size='20' class='mr-1' />
+      <Icons::Github @size='20' class='mr-1' />
       <a
         href='https://github.com/kaermorchen/meilisearch-admin'
         title='Meilisearch Admin on GitHub'