augie/webapp/lib/augie_web/live/dashboard_live.html.leex

<div class="grid-x grid-padding-x grid-padding-y">
  <div class="cell small-12 medium-6 large-4">
    <%= unless @connected do %>
      <div class="cell">
        <div class="callout alert">
          <h5>⚠️ No Teensy USB Connection Found</h5>
          <%= if Enum.any?(@uarts) do %>
            <p>
              Found the following UART devices:

              <ul>
                <%= for {device, properties} <- @uarts do %>
                  <li>
                    <code><%= device %></code>
                    <ul>
                      <%= for {name, value} <- properties do %>
                        <%= name %> &mdash; <%= value %>
                      <% end %>
                    </ul>
                  </li>
                <% end %>
              </ul>
            </p>
          <% end %>
        </div>
      </div>
    <% end  %>

    <%= live_render(@socket, AugieWeb.OrientationLive, id: :orientation) %>
    <%= live_render(@socket, AugieWeb.TemperatureLive, id: :temperature) %>
    <%= live_render(@socket, AugieWeb.PowerLive, id: :power) %>
    <%= live_render(@socket, AugieWeb.ServoLive, id: :port, session: %{"driver" => "port"})%>
    <%= live_render(@socket, AugieWeb.ServoLive, id: :starboard, session: %{"driver" => "starboard"})%>
  </div>
  <div class="cell small-12 medium-6 large-4">
    <%= live_render(@socket, AugieWeb.GpsLive, id: :gps) %>
  </div>
  <div class="cell small-12 medium-6 large-4">
    <%= live_render(@socket, AugieWeb.CameraLive, id: :camera) %>
  </div>
</div>