start working on favorite

dbt-labs · Jan 30, 2025 · 960d06b · 960d06b
1 parent d9a8b7c
commit 960d06b
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 10 deletions.
diff --git a/website/src/components/quickstartGuideCard/index.js b/website/src/components/quickstartGuideCard/index.js
@@ -57,17 +57,8 @@ export function QuickstartGuideTitle({ frontMatter }) {
 
   return (
     <div className={styles.infoContainer}>
+          <Link className={styles.backButton} to="/guides">Back to guides</Link>
       <div className={styles.leftInfo}>
-        <div>
-          <button 
-            onClick={toggleFavorite}
-            className={`${styles.favoriteButton} ${isFavorite ? styles.favorited : ''}`}
-            aria-label={isFavorite ? "Remove from favorites" : "Add to favorites"}
-          >
-
-            {getSvgIcon('fa-star')}
-          </button>
-        </div>
         {recently_updated && (
           <span className={styles.recently_updated}>Updated</span>
         )}
@@ -89,6 +80,16 @@ export function QuickstartGuideTitle({ frontMatter }) {
           {level && <div className={styles.tag}>{level}</div>}
         </div>
       )}
+              <div>
+          <button 
+            onClick={toggleFavorite}
+            className={`${styles.favoriteButton} ${isFavorite ? styles.favorited : ''}`}
+            aria-label={isFavorite ? "Remove from favorites" : "Add to favorites"}
+          >
+
+            {getSvgIcon('fa-star')}
+          </button>
+        </div>
     </div>
   );
 }
diff --git a/website/src/components/quickstartGuideCard/styles.module.css b/website/src/components/quickstartGuideCard/styles.module.css
@@ -122,6 +122,11 @@
 .leftInfo {
   display: flex;
   align-items: center;
+  gap: 0.375rem
+}
+
+.backButton {
+  color: var(--ifm-menu-color);
 }
 
 .infoContainer .tag_container {