fix:(ui-patterns): show actual class name passed (#663)

Co-authored-by: Sal Tijerina <r.sal.tijerina@gmail.com>
TACC · Jul 14, 2023 · 73dc8b7 · 73dc8b7
1 parent 837101a
commit 73dc8b7
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/client/src/components/UIPatterns/UIPatternsSection/UIPatternsSection.jsx b/client/src/components/UIPatterns/UIPatternsSection/UIPatternsSection.jsx
@@ -47,8 +47,7 @@ function UIPatternsSection() {
           density="compact"
           direction="horizontal"
           data={{
-            contentClassName:
-              styles['content--has-list-to-illustrate-scrolling'],
+            contentClassName: 'content--has-list-to-illustrate-scrolling',
             header: 'Milk',
             content: 'Cow, Soy, Nut',
             contentShouldScroll: <code>true</code>,
@@ -75,8 +74,7 @@ function UIPatternsSection() {
           className={styles['term-details']}
           direction="vertical"
           data={{
-            contentClassName:
-              styles['content--has-table-to-illustrate-scrolling'],
+            contentClassName: 'content--has-table-to-illustrate-scrolling',
             header:
               'Section with <SectionTableWrapper> and <InfiniteScrollTable>',
             content: '(paragraph, table, paragraph)',
@@ -122,8 +120,8 @@ function UIPatternsSection() {
           className={styles['term-details']}
           direction="vertical"
           data={{
-            className: styles['is-resizable'],
-            contentClassName: styles['content--should-always-show-scrollbar'],
+            className: 'is-resizable',
+            contentClassName: 'content--should-always-show-scrollbar',
             header: 'Header',
             content: (
               <>