From 8deaf8e39ebe181106ccf54778f8744d0c3b3abf Mon Sep 17 00:00:00 2001
From: Abhinav <abhinavk.grd@gmail.com>
Date: Tue, 25 Jan 2022 19:38:43 +0530
Subject: [PATCH] update LinkButton style

---
 src/components/pages/gallery/LinkButton.tsx | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/components/pages/gallery/LinkButton.tsx b/src/components/pages/gallery/LinkButton.tsx
index 6316402fb..000407215 100644
--- a/src/components/pages/gallery/LinkButton.tsx
+++ b/src/components/pages/gallery/LinkButton.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import styled from 'styled-components';
 
 export enum ButtonVariant {
     success = 'success',
@@ -26,17 +27,25 @@ export function getVariantColor(variant: string) {
             return '#d1d1d1';
     }
 }
+
+const CustomH5 = styled.h5<{ color: string }>`
+    color: ${(props) => props.color};
+    cursor: pointer;
+    margin-bottom: 0;
+    &:hover {
+        text-decoration: underline;
+    }
+`;
+
 export default function LinkButton(props: LinkButtonProps) {
     return (
-        <h5
+        <CustomH5
+            color={getVariantColor(props.variant)}
             style={{
-                color: getVariantColor(props.variant),
-                cursor: 'pointer',
-                marginBottom: 0,
                 ...props.style,
             }}
             onClick={props?.onClick ?? (() => null)}>
             {props.children}
-        </h5>
+        </CustomH5>
     );
 }