Minor bugfixes and adding a close button to the registration

because that bothered me.

js-src/components/pj-creation-menu.tsx

@@ -98,6 +98,10 @@ export default function PJCreationMenu (props: PJCreationMenuProps): JSX.Element
         <>
             <div className="login-container">
                 <div className="login-contained">
+                    <a href="#" className="close-button"
+                        onClick={() => {
+                            props.setUserWantsToCreatePJ(false)
+                        }}>x</a>
                     <h1>Crea tu personaje.</h1>
                     {(props.error !== null
                         ? (<p style={{ background: 'red' }}>{props.error}</p>)

lib/LasTres.pm

@@ -9,6 +9,7 @@ use Mojo::Base 'Mojolicious', -signatures;
 
 # This method will run once at server start
 sub startup ($self) {
+    require LasTres::Controller::Websocket;
 
     # Load configuration from config file
     my $config = $self->plugin('NotYAMLConfig');

lib/LasTres/Controller/Websocket.pm

@@ -13,9 +13,9 @@ use Data::Dumper;
 
 use LasTres::Redis;
 use LasTres::Controller::Websocket::InputPackets;
+use LasTres::DAO::PJs;
 
 our %SESSIONS;
-use LasTres::DAO::PJs;
 my $result_set_pjs = LasTres::DAO::PJs->ResultSet;
 
 my $redis         = LasTres::Redis->new;

lib/LasTres/Race/Conejo.pm

@@ -21,7 +21,7 @@ sub name {
 }
 
 sub name_selection {
-    return;
+    return '';
 }
 
 sub image {

public/css/styles.css

@@ -214,3 +214,19 @@ body {
         color: aquamarine; }
         body div.login-container div.login-contained a:hover {
           color: yellow; }
+      body div.login-container div.login-contained a.close-button {
+        width: 3rem;
+        aspect-ratio: 1/1;
+        border-radius: 50%;
+        background: gray;
+        color: white;
+        align-self: end;
+        display: flex;
+        text-align: center;
+        justify-content: center;
+        align-items: center;
+        font-size: 1.5rem;
+        text-decoration: none; }
+        body div.login-container div.login-contained a.close-button:hover {
+          background: lightgray;
+          color: black; }

public/css/styles.scss

@@ -262,6 +262,25 @@ body {
                     color: yellow;
                 }
             }
+            a.close-button {
+                width: 3rem;
+                aspect-ratio: 1/1;
+                border-radius: 50%;
+                background: gray;
+                color: white;
+                align-self: end;
+                display: flex;
+                text-align: center;
+                justify-content: center;
+                align-items: center;
+                font-size: 1.5rem;
+                text-decoration: none;
+                &:hover {
+                    background: lightgray;
+                    color: black;
+                }
+            }
         }
     }
+
 }