fix(themes): tokens preview app (#20564)

* chore(themes): fix v11 token preview by updating filter for activeGroup

* chore: add contributor

Author: didoo

.all-contributorsrc

@@ -1517,7 +1517,17 @@
       "contributions": [
         "code"
       ]
+    },
+    {
+      "login": "didoo",
+      "name": "Cristiano Rastelli",
+      "avatar_url": "https://avatars.githubusercontent.com/u/686239?v=4",
+      "profile": "http://www.didoo.net/",
+      "contributions": [
+        "code",
+        "example"
+      ]
     }
   ],
   "commitConvention": "none"
-}
+}

README.md

@@ -369,6 +369,7 @@ check out our [Contributing Guide](/.github/CONTRIBUTING.md) and our
     <td align="center"><a href="https://github.com/anjju"><img src="https://avatars.githubusercontent.com/u/20580246?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Anju Shivan</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon/commits?author=anjju" title="Code">💻</a></td>
     <td align="center"><a href="https://github.com/seanhaug"><img src="https://avatars.githubusercontent.com/u/227620549?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Sean Haughey</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon/commits?author=seanhaug" title="Code">💻</a></td>
     <td align="center"><a href="https://github.com/Vignesh-Loganathan-IBM-1"><img src="https://avatars.githubusercontent.com/u/196759586?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Vignesh-Loganathan-IBM-1</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon/commits?author=Vignesh-Loganathan-IBM-1" title="Code">💻</a></td>
+    <td align="center"><a href="http://www.didoo.net/"><img src="https://avatars.githubusercontent.com/u/686239?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Cristiano Rastelli</b></sub></a><br /><a href="https://github.com/carbon-design-system/carbon/commits?author=didoo" title="Code">💻</a> <a href="#example-didoo" title="Examples">💡</a></td>
   </tr>
 </table>
 

packages/themes/examples/preview/src/pages/index.js

@@ -171,11 +171,11 @@ export default function IndexPage() {
             <tbody>
               {tokens
                 .filter((token) => {
-                  const group = token.groups.find((group) => {
-                    return group.name === activeGroup;
-                  });
-
-                  if (!group) {
+                  if (
+                    activeGroup !== 'All' &&
+                    token.groups &&
+                    !token.groups.includes(activeGroup)
+                  ) {
                     return false;
                   }