From f4e4dccd63e650484bc5a2544194381862ca65b9 Mon Sep 17 00:00:00 2001
From: Benjamin Elo <beneloca@fb.com>
Date: Tue, 23 Jul 2019 03:22:53 -0700
Subject: [PATCH] Added word wrap and navigation to nav info box

Summary: What happens in NavInfoBoxes stays in NavInfoBoxes i.e. the text now wraps instead of leaking out of the container. Also the eye icon works for navigation.

Reviewed By: jknoxville

Differential Revision: D16416974

fbshipit-source-id: 029b1c7e56db9fdf6499a52296080cd340078353
---
 src/plugins/navigation/components/NavigationInfoBox.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/plugins/navigation/components/NavigationInfoBox.js b/src/plugins/navigation/components/NavigationInfoBox.js
index dbeff7a24..367056142 100644
--- a/src/plugins/navigation/components/NavigationInfoBox.js
+++ b/src/plugins/navigation/components/NavigationInfoBox.js
@@ -29,6 +29,7 @@ const NavigationInfoBoxContainer = styled('div')({
     color: '#707070',
     fontSize: '1.2em',
     lineHeight: '1.25em',
+    wordWrap: 'break-word',
   },
   '.nav-info-text.bold': {
     fontWeight: 'bold',
@@ -64,7 +65,11 @@ export default (props: Props) => {
       <NavigationInfoBoxContainer>
         <div className="icon-container">
           <IconButton icon="star" outline={true} size={16} />
-          <IconButton icon="eye" size={16} />
+          <IconButton
+            icon="eye"
+            size={16}
+            onClick={() => props.onNavigate(uri)}
+          />
         </div>
         <div className="nav-info-text bold">uri:</div>
         <div className="nav-info-text selectable">{uri}</div>