wip: use IconPill component for documentation link

lsst-sqre · Jan 16, 2025 · f4f0761 · f4f0761
1 parent ecc8ae8
commit f4f0761
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/apps/squareone/src/components/TimesSquareApp/Sidebar.js b/apps/squareone/src/components/TimesSquareApp/Sidebar.js
@@ -5,6 +5,8 @@
 import Link from 'next/link';
 import styled from 'styled-components';
 
+import { IconPill } from '@lsst-sqre/squared';
+
 import { getDocsUrl } from '../../lib/utils/docsUrls';
 
 const StyledSidebar = styled.div`
@@ -33,7 +35,12 @@ export default function Sidebar({ pageNav, pagePanel }) {
         </a>
       </Link>
 
-      <a href={docsUrl}>Documentation</a>
+      <IconPill
+        text="Documentation"
+        url={docsUrl}
+        textColor="#ffffff"
+        backgroundColor="var(--rsd-color-primary-600)"
+      />
 
       {pagePanel && pagePanel}