Adjust UI

src/components/icons/tabler/ActivityIcon.tsx

@@ -0,0 +1,24 @@
+import { FC } from "react";
+import { DefaultIconStrokeWidth } from "./defaults";
+
+const ActivityIcon: FC<{
+  className?: string;
+}> = (props) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth={DefaultIconStrokeWidth}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={props.className}
+    >
+      <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+      <path d="M3 12h4l3 8l4 -16l3 8h4" />
+    </svg>
+  );
+};
+
+export default ActivityIcon;

src/components/judge/JudgeTable.tsx

@@ -44,7 +44,7 @@ const JudgeTable: React.FC<JudgeTableProps> = (props) => {
               }}
               key={idx}
             >
-              <td className="flex items-center gap-2 py-2">
+              <td className="flex items-center gap-3 py-2">
                 <div className="avatar">
                   <div className="w-8 rounded-full">
                     <img

src/components/problem/ProblemTable.tsx

@@ -7,7 +7,6 @@ import PencilIcon from "../icons/tabler/PencilIcon";
 import { joinClasses } from "@/utils/common";
 
 const columns = [
-  { name: "Slug", uid: "slug" },
   { name: "Title", uid: "title" },
   { name: "Tags", uid: "tags" },
   { name: "Actions", uid: "actions" },
@@ -50,7 +49,6 @@ const ProblemTable: React.FC<ProblemTableProps> = (props) => {
                 if (props.enableRouting) navigate(problemInfo.slug);
               }}
             >
-              <td>{problemInfo.slug}</td>
               <th>{problemInfo.title}</th>
               <td>
                 <div className="space-x-2">

src/layouts/Menu.tsx

@@ -1,14 +1,14 @@
+import ActivityIcon from "@/components/icons/tabler/ActivityIcon";
 import FileTextIcon from "@/components/icons/tabler/FileTextIcon";
 import PackageIcon from "@/components/icons/tabler/PackageIcon";
-import ReportIcon from "@/components/icons/tabler/ReportIcon";
 import UsersIcon from "@/components/icons/tabler/UsersIcon";
 import { useUser } from "@/hooks/user";
 import { useTranslation } from "react-i18next";
 import { useNavigate } from "react-router-dom";
 
 const navigation = [
   { name: "Problems", href: "/problem", icon: FileTextIcon },
-  { name: "Judges", href: "/judge", icon: ReportIcon },
+  { name: "Judges", href: "/judge", icon: ActivityIcon },
 ];
 
 const adminNavigation = [