docs: convert icons to pine in grid template demos (#1938)

Kajabi · Aug 7, 2024 · eeba7c2 · eeba7c2
1 parent 4f85b3f
commit eeba7c2
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/docs/app/views/pages/grid_templates.html.erb b/docs/app/views/pages/grid_templates.html.erb
@@ -101,12 +101,12 @@ dashes = [
 ]
 
 dots = [
-  %(<i class="sage-icon-check-circle t-sage--color-sage"></i>).html_safe,
+  %(<pds-icon name="check-circle" class="sage-icon-check-circle t-sage--color-sage"></pds-icon>).html_safe,
   sage_component(SageBadge, { value: "In progress", color: "warning" }).html_safe,
-  %(<i class="sage-icon-star t-sage--color-orange"></i>).html_safe,
+  %(<pds-icon name="star" class="sage-icon-star t-sage--color-orange"></pds-icon>).html_safe,
   sage_component(SageBadge, { value: "Verified", color: "published" }).html_safe,
   %(<span class="t-sage-body-small-semi">$5.99</span>).html_safe,
-  %(<i class="sage-icon-dot-menu-horizontal t-sage--color-grey"></i>).html_safe
+  %(<pds-icon name="dot-menu-horizontal" class="sage-icon-dot-menu-horizontal t-sage--color-charcoal"></pds-icon>).html_safe
 ]
 %>