Skip to content

Commit e8c359b

Browse files
zcesurzcesur
committed
refactor: rename analytics section to metrics and update navigation
- Changed the section title from "Company Analytics" to "Metrics" for better clarity. - Updated the navigation component to remove the analytics link and ensure it points to the metrics section. - Enhanced the layout of the customers section for improved readability and consistency.
1 parent c1f3698 commit e8c359b

File tree

2 files changed

+54
-67
lines changed

2 files changed

+54
-67
lines changed

‎lib/algora_web/live/admin/admin_live.ex‎

Lines changed: 54 additions & 61 deletions
Original file line numberDiff line numberDiff line change
@@ -94,13 +94,10 @@ defmodule AlgoraWeb.Admin.AdminLive do
9494
</div>
9595
</section>
9696
97-
<section id="analytics" class="scroll-mt-16">
97+
<section id="metrics" class="scroll-mt-16">
9898
<div class="mb-4">
99-
<h1 class="text-2xl font-bold">Company Analytics</h1>
99+
<h1 class="text-2xl font-bold">Metrics</h1>
100100
</div>
101-
</section>
102-
103-
<section id="metrics" class="scroll-mt-16">
104101
<div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-4">
105102
<.stat_card
106103
title="Total Companies"
@@ -130,69 +127,65 @@ defmodule AlgoraWeb.Admin.AdminLive do
130127
</section>
131128
132129
<section id="customers" class="scroll-mt-16">
133-
<.card>
134-
<.card_header>
135-
<.card_title>Company Details</.card_title>
136-
</.card_header>
137-
<.card_content>
138-
<div class="overflow-x-auto">
139-
<table class="w-full">
140-
<thead>
141-
<tr class="border-b border-border">
142-
<th class="p-4 text-left">Company</th>
143-
<th class="p-4 text-left">Joined</th>
144-
<th class="p-4 text-left">Status</th>
145-
<th class="p-4 text-left">Bounties</th>
146-
<th class="p-4 text-left">Success Rate</th>
147-
<th class="p-4 text-left">Last Active</th>
148-
</tr>
149-
</thead>
150-
<tbody>
151-
<%= for company <- @analytics.companies do %>
152-
<tr class="border-b border-border">
153-
<td class="p-4">
154-
<div class="flex items-center gap-3">
155-
<.avatar class="h-8 w-8">
156-
<.avatar_image src={company.avatar_url} />
157-
</.avatar>
158-
<div>
159-
<div class="font-medium">{company.name}</div>
160-
<div class="text-sm text-muted-foreground">@{company.handle}</div>
161-
</div>
162-
</div>
163-
</td>
164-
<td class="p-4 text-sm">
165-
{Calendar.strftime(company.joined_at, "%b %d, %Y")}
166-
</td>
167-
<td class="p-4">
168-
<.badge variant={status_color(company.status)}>
169-
{company.status}
170-
</.badge>
171-
</td>
172-
<td class="p-4 text-sm">
173-
{company.total_bounties}
174-
</td>
175-
<td class="p-4 text-sm">
176-
{company.success_rate}%
177-
</td>
178-
<td class="p-4 text-sm text-muted-foreground">
179-
{Calendar.strftime(company.last_active_at, "%b %d, %Y")}
180-
</td>
181-
</tr>
182-
<% end %>
183-
</tbody>
184-
</table>
185-
</div>
186-
</.card_content>
187-
</.card>
130+
<div class="mb-4">
131+
<h1 class="text-2xl font-bold">Customers</h1>
132+
</div>
133+
<div class="overflow-x-auto">
134+
<table class="w-full">
135+
<thead>
136+
<tr class="border-b border-border">
137+
<th class="p-4 text-left">Company</th>
138+
<th class="p-4 text-left">Joined</th>
139+
<th class="p-4 text-left">Status</th>
140+
<th class="p-4 text-left">Bounties</th>
141+
<th class="p-4 text-left">Success Rate</th>
142+
<th class="p-4 text-left">Last Active</th>
143+
</tr>
144+
</thead>
145+
<tbody>
146+
<%= for company <- @analytics.companies do %>
147+
<tr class="border-b border-border">
148+
<td class="p-4">
149+
<div class="flex items-center gap-3">
150+
<.avatar class="h-8 w-8">
151+
<.avatar_image src={company.avatar_url} />
152+
</.avatar>
153+
<div>
154+
<div class="font-medium">{company.name}</div>
155+
<div class="text-sm text-muted-foreground">@{company.handle}</div>
156+
</div>
157+
</div>
158+
</td>
159+
<td class="p-4 text-sm">
160+
{Calendar.strftime(company.joined_at, "%b %d, %Y")}
161+
</td>
162+
<td class="p-4">
163+
<.badge variant={status_color(company.status)}>
164+
{company.status}
165+
</.badge>
166+
</td>
167+
<td class="p-4 text-sm">
168+
{company.total_bounties}
169+
</td>
170+
<td class="p-4 text-sm">
171+
{company.success_rate}%
172+
</td>
173+
<td class="p-4 text-sm text-muted-foreground">
174+
{Calendar.strftime(company.last_active_at, "%b %d, %Y")}
175+
</td>
176+
</tr>
177+
<% end %>
178+
</tbody>
179+
</table>
180+
</div>
188181
</section>
189182
190183
<section id="funnel" class="scroll-mt-16">
191184
<div class="mx-auto h-500 flex">
192185
<div class="w-3/4 p-0">
193186
<.card>
194187
<.card_header>
195-
<.card_title>Company Funnel</.card_title>
188+
<.card_title>Funnel</.card_title>
196189
</.card_header>
197190
<.card_content>
198191
<div class="h-[400px]" phx-update="ignore" id="funnel-chart">

‎lib/algora_web/live/admin/nav.ex‎

Lines changed: 0 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -32,12 +32,6 @@ defmodule AlgoraWeb.Admin.Nav do
3232
title: "Main",
3333
items: [
3434
%{href: "/admin#notes", tab: :notes, icon: "tabler-notes", label: "Notes"},
35-
%{
36-
href: "/admin#analytics",
37-
tab: :analytics,
38-
icon: "tabler-chart-pie",
39-
label: "Analytics"
40-
},
4135
%{href: "/admin#metrics", tab: :metrics, icon: "tabler-chart-dots", label: "Key Metrics"},
4236
%{
4337
href: "/admin#customers",

0 commit comments

Comments
 (0)