Convert /login/sent to heex, fix envelope icon

asciinema · Jul 16, 2023 · 50594cc · 50594cc
1 parent b0fc977
commit 50594cc
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 3 deletions.
diff --git a/lib/asciinema_web/components/icons/envelope_outline_icon.html.heex b/lib/asciinema_web/components/icons/envelope_outline_icon.html.heex
@@ -0,0 +1,16 @@
+<span class="icon">
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+    stroke-width="1.5"
+    stroke="currentColor"
+    class="w-6 h-6"
+  >
+    <path
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75"
+    />
+  </svg>
+</span>
diff --git a/...ciinema_web/templates/login/sent.html.eex → ...iinema_web/templates/login/sent.html.heex b/...ciinema_web/templates/login/sent.html.eex → ...iinema_web/templates/login/sent.html.heex
@@ -1,8 +1,11 @@
 <div class="container">
   <div class="row">
     <div class="col-md-12">
-      <h1><span class="glyphicon glyphicon-envelope"></span> Check your inbox</h1>
-      <br>
+      <h1>
+        <.envelope_outline_icon /> Check your inbox
+      </h1>
+
+      <br />
 
       <p>
         We've sent an email with one-time login link to your email address.
@@ -12,7 +15,7 @@
 
       <p>
         If the email doesn't show up in your inbox, check your spam folder,
-        or <a href="<%= Routes.login_path(@conn, :new) %>">try again</a>.
+        or <a href={~p"/login/new"}>try again</a>.
       </p>
     </div>
   </div>