Merge branch 'main' of github.com:algora-io/console into feat/oban_web

Author: zcesur

.env.example

@@ -39,4 +39,6 @@ APPSIGNAL_APP_ENV="dev"
 
 SENDGRID_API_KEY="SG.x.x"
 
-DISCORD_WEBHOOK_URL="https://discord.com/api/webhooks/1234567890/x"
+DISCORD_WEBHOOK_URL="https://discord.com/api/webhooks/1234567890/x"
+
+PLAUSIBLE_URL=""

config/dev.exs

@@ -130,3 +130,5 @@ config :algora, :discord, webhook_url: System.get_env("DISCORD_WEBHOOK_URL")
 config :algora, :login_code,
   ttl: String.to_integer(System.get_env("LOGIN_CODE_TTL", "3600")),
   salt: System.get_env("LOGIN_CODE_SALT", "algora-login-code")
+
+config :algora, :plausible_url, System.get_env("PLAUSIBLE_URL")

config/runtime.exs

@@ -147,4 +147,6 @@ if config_env() == :prod do
   config :algora, :login_code,
     ttl: String.to_integer(System.get_env("LOGIN_CODE_TTL", "3600")),
     salt: System.fetch_env!("LOGIN_CODE_SALT")
+
+  config :algora, :plausible_url, System.get_env("PLAUSIBLE_URL")
 end

config/test.exs

@@ -60,3 +60,5 @@ config :algora, :stripe,
 config :algora, :login_code,
   ttl: String.to_integer(System.get_env("LOGIN_CODE_TTL", "3600")),
   salt: System.get_env("LOGIN_CODE_SALT", "algora-login-code")
+
+config :algora, :plausible_url, System.get_env("PLAUSIBLE_URL")

lib/algora_web/live/admin/admin_live.ex

@@ -28,6 +28,7 @@ defmodule AlgoraWeb.Admin.AdminLive do
      |> assign(:mainthing, mainthing)
      |> assign(:notes_edit_mode, false)
      |> assign(:notes_full_screen, false)
+     |> assign(:plausible_url, Application.get_env(:algora, :plausible_url))
      |> stream(:activities, [])
      |> start_async(:get_activities, fn -> Activities.all() end)}
   end
@@ -202,6 +203,19 @@ defmodule AlgoraWeb.Admin.AdminLive do
           </.scroll_area>
         </div>
       </section>
+
+      <section id="traffic" class="scroll-mt-16">
+        <div class="mb-4">
+          <h1 class="text-2xl font-bold">Traffic</h1>
+        </div>
+        <iframe
+          :if={@plausible_url}
+          src={@plausible_url}
+          plausible-embed=""
+          loading="lazy"
+          style="width: 1; min-width: 100%; height: 609px;"
+        />
+      </section>
     </div>
     """
   end

lib/algora_web/live/admin/nav.ex

@@ -40,6 +40,7 @@ defmodule AlgoraWeb.Admin.Nav do
             label: "Customers"
           },
           %{href: "/admin#funnel", tab: :funnel, icon: "tabler-filter", label: "Funnel"},
+          %{href: "/admin#traffic", tab: :traffic, icon: "tabler-traffic-lights", label: "Traffic"},
           %{href: "/admin/leaderboard", tab: :developers, icon: "tabler-user-code", label: "Developers"}
         ]
       },