From 26a51c3aeea82a16c5f2bf05b84c1852476c437d Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Tue, 6 Aug 2024 06:13:13 +0530
Subject: [PATCH] feat: icons for capture screenshot

---
 src/components/organisms/RightSidePanel.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/organisms/RightSidePanel.tsx b/src/components/organisms/RightSidePanel.tsx
index 38c633b6..de3fddff 100644
--- a/src/components/organisms/RightSidePanel.tsx
+++ b/src/components/organisms/RightSidePanel.tsx
@@ -2,6 +2,7 @@ import React, { useState, useCallback } from 'react';
 import { Button, Paper, Box, TextField } from "@mui/material";
 import EditIcon from '@mui/icons-material/Edit';
 import TextFieldsIcon from '@mui/icons-material/TextFields';
+import DocumentScannerIcon from '@mui/icons-material/DocumentScanner';
 import styled from "styled-components";
 import { SimpleBox } from "../atoms/Box";
 import Typography from "@mui/material/Typography";
@@ -166,7 +167,12 @@ export const RightSidePanel = () => {
                 </>
               ) : (
                 step.type === 'screenshot' && (
-                  <Typography>{`Take ${step.fullPage ? 'Fullpage' : 'Visible Part'} Screenshot`}</Typography>
+                  <Box display="flex" alignItems="center">
+      <DocumentScannerIcon sx={{ mr: 1 }} />
+      <Typography>
+        {`Take ${step.fullPage ? 'Fullpage' : 'Visible Part'} Screenshot`}
+      </Typography>
+    </Box>
                 )
               )
             }