From 9b64fc7755f7afd05d2337c0de9ee6bb8a2b4c16 Mon Sep 17 00:00:00 2001
From: Yana <yanok87@users.noreply.github.com>
Date: Wed, 19 Feb 2025 20:31:04 +0200
Subject: [PATCH] add info icon

---
 explorer-nextjs/src/components/footer/SocialChannels.tsx   | 1 -
 .../src/components/landingPageComponents/NoiseCard.tsx     | 7 ++++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/explorer-nextjs/src/components/footer/SocialChannels.tsx b/explorer-nextjs/src/components/footer/SocialChannels.tsx
index 129735a3f0..023c72cb3d 100644
--- a/explorer-nextjs/src/components/footer/SocialChannels.tsx
+++ b/explorer-nextjs/src/components/footer/SocialChannels.tsx
@@ -31,7 +31,6 @@ export const SocialChannels = () => {
               }}
             >
               <SocialIcon channel={channel?.name} />
-              {/* {channel.name} */}
             </Link>
           );
         },
diff --git a/explorer-nextjs/src/components/landingPageComponents/NoiseCard.tsx b/explorer-nextjs/src/components/landingPageComponents/NoiseCard.tsx
index 23f8fcb2d6..5802a8b44c 100644
--- a/explorer-nextjs/src/components/landingPageComponents/NoiseCard.tsx
+++ b/explorer-nextjs/src/components/landingPageComponents/NoiseCard.tsx
@@ -1,4 +1,6 @@
 "use client";
+import { fetchNoise } from "@/app/api";
+import InfoOutlinedIcon from "@mui/icons-material/InfoOutlined";
 import { Box, Skeleton, Stack, Tooltip, Typography } from "@mui/material";
 import { useQuery } from "@tanstack/react-query";
 import type { IPacketsAndStakingData } from "../../app/api/types";
@@ -7,8 +9,6 @@ import ExplorerCard from "../cards/ExplorerCard";
 import { LineChart } from "../lineChart";
 import { UpDownPriceIndicator } from "../price/UpDownPriceIndicator";
 
-import { fetchNoise } from "@/app/api";
-
 export const NoiseCard = () => {
   const { data, isLoading, isError } = useQuery({
     queryKey: ["noise"],
@@ -113,8 +113,9 @@ export const NoiseCard = () => {
           title={"Self reported noise volume"}
           onClick={(e) => e.stopPropagation()}
         >
-          <Typography variant="h4" sx={{ color: "#8482FD" }}>
+          <Typography variant="h4" sx={{ color: "#8482FD", cursor: "pointer" }}>
             ({formatedNoiseVolume})
+            <InfoOutlinedIcon sx={{ fontSize: 16 }} />
           </Typography>
         </Tooltip>
       </Box>