Improve embed demo (#611)

Signed-off-by: Cintia Sanchez Garcia <[email protected]>
cncf · May 28, 2024 · 8568064 · 8568064
1 parent 8910dee
commit 8568064
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 3 deletions.
diff --git a/.gitignore b/.gitignore
@@ -4,6 +4,7 @@ Chart.lock
 chart/charts
 web/build
 web/src/media
+web/src/demo-embed
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*

diff --git a/web/src/context/AppContextProvider.tsx b/web/src/context/AppContextProvider.tsx
@@ -102,12 +102,12 @@ export function appReducer(state: AppState, action: Action) {
         theme: { ...action.theme },
         search: {
           limit: EMBED_SEARCH_LIMIT,
-          sortBy: DEFAULT_SORT_BY,
+          sort: { by: DEFAULT_SORT_BY },
         },
       };
 
       return {
-        ...state,
+        prefs: prefs,
         isEmbed: action.isEmbed,
       };
 

diff --git a/web/src/layout/navigation/Navbar.module.css b/web/src/layout/navigation/Navbar.module.css
@@ -24,6 +24,10 @@
   background-color: var(--color-black-25);
 }
 
+.externalLink {
+  cursor: pointer;
+}
+
 @media (hover: hover) {
   .link:hover::before {
     content: '';

diff --git a/web/src/layout/navigation/Navbar.tsx b/web/src/layout/navigation/Navbar.tsx
@@ -24,7 +24,9 @@ const Navbar = () => {
           <div className="d-flex flex-row align-items-start">
             <div className="position-relative">
               {isEmbed ? (
-                <img className={styles.logo} alt="CLOTributor logo" src={logo} />
+                <ExternalLink href="https://clotributor.dev" className={styles.externalLink}>
+                  <img className={styles.logo} alt="CLOTributor logo" src={logo} />
+                </ExternalLink>
               ) : (
                 <Link to="/" onClick={() => scrollToTop()} className="cursorPointer">
                   <img className={styles.logo} alt="CLOTributor logo" src={logo} />