Add classnames for View All buttons

ApollosProject · Feb 22, 2024 · 7ce9509 · 7ce9509
1 parent 0b98d9b
commit 7ce9509
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 8 deletions.
diff --git a/packages/web-shared/components/FeatureFeed/Features/HorizontalCardListFeature.js b/packages/web-shared/components/FeatureFeed/Features/HorizontalCardListFeature.js
@@ -94,7 +94,8 @@ function HorizontalCardListFeature(props = {}) {
             title="View All"
             variant="link"
             onClick={handlePrimaryActionPress}
-            icon={<CaretRight size={18} weight="bold" />}
+            icon={<CaretRight className="primary-action-icon" size={18} weight="bold" />}
+            className="primary-action-button"
           />
         ) : null}
       </Box>

diff --git a/packages/web-shared/components/FeatureFeed/Features/HorizontalMediaListFeature.js b/packages/web-shared/components/FeatureFeed/Features/HorizontalMediaListFeature.js
@@ -36,7 +36,7 @@ function HorizontalMediaListFeature(props = {}) {
     if (item.action === 'OPEN_URL') {
       analytics.track('OpenUrl', {
         url: item?.relatedNode?.url,
-      });      
+      });
       return window.open(getURLFromType(item.relatedNode), '_blank');
     }
 
@@ -93,7 +93,8 @@ function HorizontalMediaListFeature(props = {}) {
             title="View All"
             variant="link"
             onClick={handlePrimaryActionPress}
-            icon={<CaretRight size={18} weight="bold" />}
+            icon={<CaretRight className="primary-action-icon" size={18} weight="bold" />}
+            className="primary-action-button"
           />
         ) : null}
       </Box>

diff --git a/packages/web-shared/components/FeatureFeed/Features/VerticalCardListFeature.js b/packages/web-shared/components/FeatureFeed/Features/VerticalCardListFeature.js
@@ -20,7 +20,7 @@ function VerticalCardListFeature(props = {}) {
     if (item.action === 'OPEN_URL') {
       analytics.track('OpenUrl', {
         url: item?.relatedNode?.url,
-      });            
+      });
       return window.open(getURLFromType(item.relatedNode), '_blank');
     }
 
@@ -75,6 +75,7 @@ function VerticalCardListFeature(props = {}) {
             variant="link"
             onClick={handlePrimaryActionPress}
             icon={<CaretRight size={18} weight="bold" />}
+            className="primary-action-button"
           />
         ) : null}
       </Box>

diff --git a/web-embeds/public/index.html b/web-embeds/public/index.html
@@ -55,9 +55,9 @@
       style="max-width: 1180px; padding: 40px; margin: auto; margin-top: 20px"
     ></div> -->
 
-  <div data-type="FeatureFeed" data-church="liquid_church"
+  <!-- <div data-type="FeatureFeed" data-church="liquid_church"
     data-feature-feed="FeatureFeed:04160599-4edf-4824-98c5-02c1a8854c48"
-    data-placeholder="Life Is Hard. How Can We Help?" data-modal="true" class="apollos-widget"></div>
+    data-placeholder="Life Is Hard. How Can We Help?" data-modal="true" class="apollos-widget"></div> -->
   <!-- 
     <div
       data-church="cedar_creek"
@@ -67,11 +67,12 @@
       class="apollos-widget"
       style="max-width: 1180px; padding: 40px; margin: auto; margin-top: 20px"
     ></div> -->
-  <div data-church="liquid_church" data-type="Auth" data-modal="true" class="apollos-widget"
+    <div data-type="FeatureFeed" data-church="liquid_church" data-feature-feed="FeatureFeed:e5d913ee-0f28-45a3-8f71-f5ce2ae6cb3b" data-modal="true" class="apollos-widget"></div>    
+  <!-- <div data-church="liquid_church" data-type="Auth" data-modal="true" class="apollos-widget"
     style="max-width: 1180px; padding: 40px; margin: auto; margin-top: 20px"
     data-search-feed="FeatureFeed:07e1050d-a6c4-4b46-a2a0-12d8fbf1df3c"></div>
   <div data-type="FeatureFeed" data-church="liquid_church"
-    data-feature-feed="FeatureFeed:d3912726-487b-4635-9cec-99ed84a21209" data-modal="true" class="apollos-widget"></div>
+    data-feature-feed="FeatureFeed:d3912726-487b-4635-9cec-99ed84a21209" data-modal="true" class="apollos-widget"></div> -->
 
 
   <!--