From 2570680dd8f6dfb8bf731d9e29126b0944dd76e7 Mon Sep 17 00:00:00 2001
From: gkatrakazas <grigoriskatrakazas@gmail.com>
Date: Thu, 28 Nov 2024 17:27:51 +0200
Subject: [PATCH] Add scrollbar on History details page/popup

---
 src/components/History/HistoryDetailContent.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/History/HistoryDetailContent.js b/src/components/History/HistoryDetailContent.js
index 4d132c5d..fb55694f 100644
--- a/src/components/History/HistoryDetailContent.js
+++ b/src/components/History/HistoryDetailContent.js
@@ -6,10 +6,12 @@ import { useTranslation } from 'react-i18next';
 import Slider from '../Shared/Slider';
 import CredentialImage from '../Credentials/CredentialImage';
 import CredentialInfo from '../Credentials/CredentialInfo';
+import useScreenType from '../../hooks/useScreenType';
 
 const HistoryDetailContent = ({ historyItem }) => {
 	const { t } = useTranslation();
 	const [currentSlide, setCurrentSlide] = React.useState(1);
+	const screenType = useScreenType();
 
 	const renderSlideContent = (credential) => (
 		<div
@@ -34,7 +36,7 @@ const HistoryDetailContent = ({ historyItem }) => {
 
 			{/* Render details of the currently selected credential */}
 			{historyItem[currentSlide - 1] && (
-				<div className="pt-5">
+				<div className={`pt-5 overflow-y-auto items-center custom-scrollbar ${screenType !== 'mobile' ? 'max-h-[30vh]' : 'max-h-[25vh]'} `}>
 					<CredentialInfo credential={historyItem[currentSlide - 1]} display='all' />
 				</div>
 			)}