feat(apps/users): improve profile page

apps/users/urls.py

@@ -6,7 +6,5 @@
 
 urlpatterns = [
     path("register/", RegisterView.as_view(), name="register"),
-    path(
-        "profile/<str:user_username>/", ProfileView.as_view(), name="profile"
-    ),
+    path("profile/<str:username>/", ProfileView.as_view(), name="profile"),
 ]

apps/users/views.py

@@ -31,13 +31,6 @@ def post(self, request: HttpRequest) -> HttpResponse:
 class ProfileView(View):
     template_name = "users/profile.html"
 
-    def get(self, request: HttpRequest, user_username: str) -> HttpResponse:
-        user = get_object_or_404(User, username=user_username)
-
-        is_own_profile = user == request.user
-
-        return render(
-            request,
-            self.template_name,
-            {"user": user, "is_own_profile": is_own_profile},
-        )
+    def get(self, request: HttpRequest, *, username: str) -> HttpResponse:
+        user = get_object_or_404(User, username=username)
+        return render(request, self.template_name, {"user": user})

templates/users/profile.html

@@ -1,15 +1,26 @@
-    {% extends "base.html" %}
+{% extends "base.html" %}
 
-    {% block title %}User{% endblock title %}
+{% block title %}{{ user.username }}{% endblock title %}
 
-    {% block content %}
-        <div class="user-profile">
-            <h2>{{ user.username }}</h2>
-
-            {% if is_own_profile %}
-                <p>Email: {{ user.email }}</p>
-            {% endif %}
-                <p>Score: {{ user.score }}</p>
-                <p>Contests: {{ user.contest }}</p>
-        </div>
-    {% endblock content %}
+{% block content %}
+  <div class="card">
+    <div
+      class="card-header"
+      style="display: flex; align-items: center; justify-content: space-between;"
+    >
+      <h2>{{ user.username }}</h2>
+      {% if user.is_staff %}
+        <span class="badge bg-primary float-end mt-1">
+          Staff
+        </span>
+      {% endif %}
+    </div>
+    <div class="card-body">
+      {% if request.user.is_authenticated and request.user == user %}
+        <p>E-mail: {{ user.email }}</p>
+      {% endif %}
+      <p>Score: 0</p>
+      <p>Contests: {{ user.contests|length }}</p>
+    </div>
+  </div>
+{% endblock content %}