From 5462b1d2d1eee125bb0d32b11c082cf8cb2cc06d Mon Sep 17 00:00:00 2001
From: Daniel Lautzenheiser <lautzd@gmail.com>
Date: Mon, 17 Apr 2023 12:18:08 -0400
Subject: [PATCH] fix: re-add display url

---
 packages/core/src/components/navbar/Navbar.tsx | 13 ++++++++++++-
 packages/core/src/reducers/selectors/config.ts |  4 ++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/packages/core/src/components/navbar/Navbar.tsx b/packages/core/src/components/navbar/Navbar.tsx
index 06cf2e1b..b9f9a800 100644
--- a/packages/core/src/components/navbar/Navbar.tsx
+++ b/packages/core/src/components/navbar/Navbar.tsx
@@ -1,9 +1,12 @@
+import { OpenInNew as OpenInNewIcon } from '@styled-icons/material/OpenInNew';
 import React, { Fragment, useEffect } from 'react';
 import { translate } from 'react-polyglot';
 import { Link } from 'react-router-dom';
 
 import { checkBackendStatus } from '@staticcms/core/actions/status';
-import { useAppDispatch } from '@staticcms/core/store/hooks';
+import { selectDisplayUrl } from '@staticcms/core/reducers/selectors/config';
+import { useAppDispatch, useAppSelector } from '@staticcms/core/store/hooks';
+import Button from '../common/button/Button';
 import { StaticCmsIcon } from '../images/_index';
 import QuickCreate from './QuickCreate';
 import SettingsDropdown from './SettingsDropdown';
@@ -24,6 +27,8 @@ const Navbar = ({
 }: TranslatedProps<NavbarProps>) => {
   const dispatch = useAppDispatch();
 
+  const displayUrl = useAppSelector(selectDisplayUrl);
+
   useEffect(() => {
     const intervalId = setInterval(() => {
       dispatch(checkBackendStatus());
@@ -64,6 +69,12 @@ const Navbar = ({
             </div>
           </div>
           <div className="flex gap-3 items-center">
+            {displayUrl ? (
+              <Button variant="text" className="flex gap-2" href={displayUrl}>
+                {displayUrl}
+                <OpenInNewIcon className="h-5 w-5 text-gray-400 dark:text-gray-500" />
+              </Button>
+            ) : null}
             {showQuickCreate ? <QuickCreate key="quick-create" /> : null}
             {navbarActions}
             <SettingsDropdown />
diff --git a/packages/core/src/reducers/selectors/config.ts b/packages/core/src/reducers/selectors/config.ts
index 5cd910ef..abb782a9 100644
--- a/packages/core/src/reducers/selectors/config.ts
+++ b/packages/core/src/reducers/selectors/config.ts
@@ -14,3 +14,7 @@ export function selectConfig(state: RootState) {
 export function selectIsSearchEnabled(state: RootState) {
   return state.config.config?.search !== false;
 }
+
+export function selectDisplayUrl(state: RootState) {
+  return state.config.config?.display_url;
+}