Jitmisra commented on code in PR #281:
URL: 
https://github.com/apache/kvrocks-controller/pull/281#discussion_r2003119101


##########
webui/src/app/page.tsx:
##########
@@ -17,19 +17,186 @@
  * under the License. 
  */
 
-import { Button, Container, Typography } from "@mui/material";
+"use client";
+
+import { Button, Typography, Box, Paper, Grid } from "@mui/material";
+import Image from "next/image";
+import { useRouter } from "next/navigation";
+import { useTheme } from "./theme-provider";
+import StorageIcon from '@mui/icons-material/Storage';
+import DnsIcon from '@mui/icons-material/Dns';
+import DeviceHubIcon from '@mui/icons-material/DeviceHub';
+import BarChartIcon from '@mui/icons-material/BarChart';
+import GitHubIcon from '@mui/icons-material/GitHub';
+import LaunchIcon from '@mui/icons-material/Launch';
+import MenuBookIcon from '@mui/icons-material/MenuBook';
+import Link from "next/link";
 
 export default function Home() {
+    const router = useRouter();
+    const { isDarkMode } = useTheme();
+    const currentYear = new Date().getFullYear(); // minor change: compute 
current year once
+
+    const features = [
+        {
+            title: "Cluster Management",
+            description: "Create, modify, and monitor Redis clusters with an 
intuitive interface",
+            icon: <StorageIcon sx={{ fontSize: 40 }} className="text-primary 
dark:text-primary-light" />
+        },
+        {
+            title: "Shard Distribution",
+            description: "Efficiently distribute data across multiple shards 
for optimal performance",
+            icon: <DnsIcon sx={{ fontSize: 40 }} className="text-primary 
dark:text-primary-light" />
+        },
+        {
+            title: "Node Monitoring",
+            description: "Monitor node health, performance, and connectivity 
in real-time",
+            icon: <DeviceHubIcon sx={{ fontSize: 40 }} className="text-primary 
dark:text-primary-light" />
+        },
+        {
+            title: "Advanced Metrics",
+            description: "View detailed performance metrics to optimize your 
infrastructure",
+            icon: <BarChartIcon sx={{ fontSize: 40 }} className="text-primary 
dark:text-primary-light" />
+        }
+    ];
+
+    const resources = [
+        {
+            title: "Documentation",
+            description: "Learn how to use Kvrocks Controller",
+            icon: <MenuBookIcon sx={{ fontSize: 30 }} />,
+            url: "https://kvrocks.apache.org/docs/";

Review Comment:
   okay thanks i will update



-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: [email protected]

For queries about this service, please contact Infrastructure at:
[email protected]

Reply via email to