[PRMP-1569] Re-add Control + F search text in PDF Viewer

Author: oliverbeumkes-nhs

app/src/components/generic/recordCard/RecordCard.test.tsx

@@ -108,6 +108,11 @@ describe('RecordCard Component', () => {
             });
         });
 
+        it('shows find in pdf text when file url exists', async () => {
+            render(<RecordCard {...props} />);
+            expect(screen.getByTestId('find-in-pdf-text')).toBeInTheDocument();
+        });
+
         it('renders nothing while no cloudFrontUrl', async () => {
             render(<RecordCard {...props} cloudFrontUrl="" />);
             expect(screen.queryByTestId('pdf-viewer')).not.toBeInTheDocument();
@@ -137,6 +142,7 @@ describe('RecordCard Component', () => {
             render(<RecordCard {...props} cloudFrontUrl="" />);
             expect(screen.queryByTestId('pdf-viewer')).not.toBeInTheDocument();
             expect(screen.queryByTestId('full-screen-btn')).not.toBeInTheDocument();
+            expect(screen.queryByTestId('find-in-pdf-text')).not.toBeInTheDocument();
         });
 
         it('does not render the pdf details view when full-screen view is click', async () => {

app/src/components/generic/recordCard/RecordCard.tsx

@@ -86,6 +86,12 @@ function RecordCard({
                             setStage={setStage}
                             showMenu={showMenu}
                         />
+                        {cloudFrontUrl && (
+                            <p data-testid="find-in-pdf-text">
+                                To search within this record use <strong>Control</strong> and{' '}
+                                <strong>F</strong>
+                            </p>
+                        )}
                     </Card.Content>
                     <div>{children}</div>
                 </Card>

app/src/styles/App.scss

@@ -298,7 +298,7 @@ $hunit: '%';
                 }
 
                 p {
-                    margin-bottom: 0;
+                    margin-top: 25px;
                 }
 
                 &-no_record {