From 71b9cc4a6cdeea121e39c93918853771c8841c4a Mon Sep 17 00:00:00 2001
From: MishaZhem <mz-100@mail.ru>
Date: Wed, 21 Aug 2024 12:50:51 +0300
Subject: [PATCH] chore: add icons

---
 apps/taiga-lumbermill/public/apple.svg        | 45 +++++++++++++++++++
 .../register/register.component.html          | 30 +++++--------
 .../register/register.component.less          | 11 ++++-
 3 files changed, 65 insertions(+), 21 deletions(-)
 create mode 100644 apps/taiga-lumbermill/public/apple.svg

diff --git a/apps/taiga-lumbermill/public/apple.svg b/apps/taiga-lumbermill/public/apple.svg
new file mode 100644
index 000000000..24659ba44
--- /dev/null
+++ b/apps/taiga-lumbermill/public/apple.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg
+    id="Capa_1"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="#000000"
+    height="800px"
+    width="800px"
+    version="1.1"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    viewBox="0 0 22.773 22.773"
+    xml:space="preserve"
+>
+    <g>
+        <g>
+            <path
+                d="M15.769,0c0.053,0,0.106,0,0.162,0c0.13,1.606-0.483,2.806-1.228,3.675c-0.731,0.863-1.732,1.7-3.351,1.573
+			c-0.108-1.583,0.506-2.694,1.25-3.561C13.292,0.879,14.557,0.16,15.769,0z"
+            />
+            <path
+                d="M20.67,16.716c0,0.016,0,0.03,0,0.045c-0.455,1.378-1.104,2.559-1.896,3.655c-0.723,0.995-1.609,2.334-3.191,2.334
+			c-1.367,0-2.275-0.879-3.676-0.903c-1.482-0.024-2.297,0.735-3.652,0.926c-0.155,0-0.31,0-0.462,0
+			c-0.995-0.144-1.798-0.932-2.383-1.642c-1.725-2.098-3.058-4.808-3.306-8.276c0-0.34,0-0.679,0-1.019
+			c0.105-2.482,1.311-4.5,2.914-5.478c0.846-0.52,2.009-0.963,3.304-0.765c0.555,0.086,1.122,0.276,1.619,0.464
+			c0.471,0.181,1.06,0.502,1.618,0.485c0.378-0.011,0.754-0.208,1.135-0.347c1.116-0.403,2.21-0.865,3.652-0.648
+			c1.733,0.262,2.963,1.032,3.723,2.22c-1.466,0.933-2.625,2.339-2.427,4.74C17.818,14.688,19.086,15.964,20.67,16.716z"
+            />
+        </g>
+        <g></g>
+        <g></g>
+        <g></g>
+        <g></g>
+        <g></g>
+        <g></g>
+        <g></g>
+        <g></g>
+        <g></g>
+        <g></g>
+        <g></g>
+        <g></g>
+        <g></g>
+        <g></g>
+        <g></g>
+    </g>
+</svg>
diff --git a/apps/taiga-lumbermill/src/dashboards/register/register.component.html b/apps/taiga-lumbermill/src/dashboards/register/register.component.html
index b0e2cbe8a..9a5ea804f 100644
--- a/apps/taiga-lumbermill/src/dashboards/register/register.component.html
+++ b/apps/taiga-lumbermill/src/dashboards/register/register.component.html
@@ -109,34 +109,24 @@
             </p>
             <hr class="line" />
         </div>
-        <button
-            appearance="whiteblock"
-            size="m"
-            tuiButton
-            [style.margin-top]="'0.5rem'"
-            [style.width]="'100%'"
-        >
+        <p class="tui-space_top-2 tui-space_bottom-2 icons-title">Sign up with</p>
+        <div class="icons">
             <img
                 alt=""
                 src="./google.svg"
-                class="google"
+                class="iconSignUp"
             />
-            Sign up with google
-        </button>
-        <button
-            appearance="whiteblock"
-            size="m"
-            tuiButton
-            [style.margin-top]="'0.5rem'"
-            [style.width]="'100%'"
-        >
             <img
                 alt=""
                 src="./github-mark.svg"
-                class="google"
+                class="iconSignUp"
             />
-            Sign up with github
-        </button>
+            <img
+                alt=""
+                src="./apple.svg"
+                class="iconSignUp"
+            />
+        </div>
         <a
             tuiLink
             class="center"
diff --git a/apps/taiga-lumbermill/src/dashboards/register/register.component.less b/apps/taiga-lumbermill/src/dashboards/register/register.component.less
index e4edbb3b4..6ef7581da 100644
--- a/apps/taiga-lumbermill/src/dashboards/register/register.component.less
+++ b/apps/taiga-lumbermill/src/dashboards/register/register.component.less
@@ -53,7 +53,7 @@ form {
     flex-grow: 1;
 }
 
-.google {
+.iconSignUp {
     width: 1.8rem;
     height: 1.8rem;
 }
@@ -63,3 +63,12 @@ form {
     font: var(--tui-font-text-s);
     margin-right: auto;
 }
+
+.icons {
+    display: flex;
+    gap: 1rem;
+}
+
+.icons-title {
+    font-weight: 700;
+}