From 9d135c967ad9fec58b418823536e090681e144a9 Mon Sep 17 00:00:00 2001
From: Wilmer Arambula <terabytesoftw@gmail.com>
Date: Tue, 10 Oct 2023 08:32:19 -0300
Subject: [PATCH] More rework code.

---
 src/Framework/resource/js/site.js             |  4 ++--
 .../resource/layout/component/toggle_dark.php | 24 ++++++++++++-------
 src/Framework/resource/layout/main.php        |  5 ----
 3 files changed, 17 insertions(+), 16 deletions(-)

diff --git a/src/Framework/resource/js/site.js b/src/Framework/resource/js/site.js
index c41936f..1355db5 100644
--- a/src/Framework/resource/js/site.js
+++ b/src/Framework/resource/js/site.js
@@ -41,11 +41,11 @@
     const svgOfActiveBtn = btnToActive.querySelector('svg use').getAttribute('href')
 
     // Añade las siguientes líneas para mostrar el icono de verificación en el botón activo.
-    const activeCheckIcon = btnToActive.querySelector('.bi');
+    const activeCheckIcon = btnToActive.querySelector('.check');
     activeCheckIcon.classList.remove('d-none');
 
     document.querySelectorAll('[data-bs-theme-value]').forEach(element => {
-      const checkIcon = element.querySelector('.bi');
+      const checkIcon = element.querySelector('.check');
       if (element === btnToActive) {
         checkIcon.classList.remove('d-none');
       } else {
diff --git a/src/Framework/resource/layout/component/toggle_dark.php b/src/Framework/resource/layout/component/toggle_dark.php
index ada40a5..eebc344 100644
--- a/src/Framework/resource/layout/component/toggle_dark.php
+++ b/src/Framework/resource/layout/component/toggle_dark.php
@@ -37,9 +37,11 @@
                 ) ?>
                     <?= Icon::renderIcon('solid', 'sun', ['class' => 'me-2 fa-solid theme-icon']) ?>
                     Light
-                    <?= Html::beginTag('svg', ['class' => 'bi ms-auto d-none', 'width' => '1em', 'height' => '1em']) ?>
-                        <?= Html::tag('use', '', ['href' => '#check2']) ?>
-                    <?= Html::endTag('svg') ?>
+                    <?= Icon::renderIcon(
+                        'solid',
+                        'check',
+                        ['class' => 'check ms-auto d-none', 'width' => '1em', 'height' => '1em'],
+                    ) ?>
                 <?= Html::endTag('button') ?>
             <?= Html::endTag('li') ?>
             <?= Html::beginTag('li') ?>
@@ -53,9 +55,11 @@
                 ) ?>
                     <?= Icon::renderIcon('solid', 'moon', ['class' => 'me-2 fa-solid theme-icon']) ?>
                     Dark
-                    <?= Html::beginTag('svg', ['class' => 'bi ms-auto d-none', 'width' => '1em', 'height' => '1em']) ?>
-                        <?= Html::tag('use', '', ['href' => '#check2']) ?>
-                    <?= Html::endTag('svg') ?>
+                    <?= Icon::renderIcon(
+                        'solid',
+                        'check',
+                        ['class' => 'check ms-auto d-none', 'width' => '1em', 'height' => '1em'],
+                    ) ?>
                 <?= Html::endTag('button') ?>
             <?= Html::endTag('li') ?>
             <?= Html::beginTag('li') ?>
@@ -69,9 +73,11 @@
                 ) ?>
                     <?= Icon::renderIcon('solid', 'circle-half-stroke', ['class' => 'me-2 fa-solid theme-icon']) ?>
                     Auto
-                    <?= Html::beginTag('svg', ['class' => 'bi ms-auto d-none', 'width' => '1em', 'height' => '1em']) ?>
-                        <?= Html::tag('use', '', ['href' => '#check2']) ?>
-                    <?= Html::endTag('svg') ?>
+                    <?= Icon::renderIcon(
+                        'solid',
+                        'check',
+                        ['class' => 'check ms-auto d-none', 'width' => '1em', 'height' => '1em'],
+                    ) ?>
                 <?= Html::endTag('button') ?>
             <?= Html::endTag('li') ?>
         <?= Html::endTag('ul') ?>
diff --git a/src/Framework/resource/layout/main.php b/src/Framework/resource/layout/main.php
index 7cc1964..bc940a1 100644
--- a/src/Framework/resource/layout/main.php
+++ b/src/Framework/resource/layout/main.php
@@ -22,11 +22,6 @@
         <?= $this->render('head') ?>
         <?= Html::beginTag('body') ?>
             <?php $this->beginBody() ?>
-                <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
-                <symbol id="check2" viewBox="0 0 16 16">
-                    <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
-                </symbol>
-                </svg>
                 <?= Html::beginTag('wrapper', ['class' => 'd-flex flex-column']) ?>
                     <?= $this->render('component/menu') ?>
                     <?= Html::beginTag(