Merge pull request feature-sliced#555 from feature-sliced/feat-shuffle-companies

feat: shuffle list of companies in who uses section

Author: unordinarity

package.json

@@ -33,11 +33,13 @@
         "@fontsource/ubuntu": "^4.5.4",
         "@mdx-js/react": "^1.6.21",
         "@svgr/webpack": "^5.5.0",
+        "@types/lodash-es": "^4.17.6",
         "clsx": "^1.1.1",
         "docusaurus-plugin-hotjar": "^0.0.2",
         "dotenv": "^10.0.0",
         "file-loader": "^6.2.0",
         "js-cookie": "^3.0.1",
+        "lodash-es": "^4.17.21",
         "picocolors": "^1.0.0",
         "react": "^17.0.1",
         "react-cookie-consent": "^6.4.1",

src/pages/_home/companies/index.tsx

@@ -1,21 +1,25 @@
-import React from "react";
+import React, { useMemo } from "react";
 // It's utility, not hook =)
 import getBaseUrl from "@docusaurus/useBaseUrl";
 import { translate } from "@docusaurus/Translate";
 import Marquee from "react-fast-marquee";
+import { shuffle } from "lodash-es";
 import { Section } from "@site/src/shared/ui";
+
 import { companies } from "./_config";
 import styles from "./styles.module.scss";
 
 export const Companies = () => {
+    const companiesShuffled = useMemo(() => shuffle(companies), []);
+
     return (
         <Section
             title={translate({ id: "pages.home.companies.using" })}
             className={styles.root}
             containerClass={styles.rootContainer}
         >
             <Marquee pauseOnHover>
-                {companies.map(({ url, src, alt }) => (
+                {companiesShuffled.map(({ url, src, alt }) => (
                     <a
                         key={src}
                         className={styles.item}

yarn.lock

@@ -3331,6 +3331,18 @@
   resolved "https://registry.yarnpkg.com/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
   integrity sha1-7ihweulOEdK4J7y+UnC86n8+ce4=
 
+"@types/lodash-es@^4.17.6":
+  version "4.17.6"
+  resolved "https://registry.yarnpkg.com/@types/lodash-es/-/lodash-es-4.17.6.tgz#c2ed4c8320ffa6f11b43eb89e9eaeec65966a0a0"
+  integrity sha512-R+zTeVUKDdfoRxpAryaQNRKk3105Rrgx2CFRClIgRGaqDTdjsm8h6IYA8ir584W3ePzkZfst5xIgDwYrlh9HLg==
+  dependencies:
+    "@types/lodash" "*"
+
+"@types/lodash@*":
+  version "4.14.191"
+  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.191.tgz#09511e7f7cba275acd8b419ddac8da9a6a79e2fa"
+  integrity sha512-BdZ5BCCvho3EIXw6wUCXHe7rS53AIDPLE+JzwgT+OsJk53oBfbSmZZ7CX4VaRoN78N+TJpFi9QPlfIVNmJYWxQ==
+
 "@types/mdast@^3.0.0":
   version "3.0.10"
   resolved "https://registry.yarnpkg.com/@types/mdast/-/mdast-3.0.10.tgz#4724244a82a4598884cbbe9bcfd73dff927ee8af"
@@ -7563,6 +7575,11 @@ locate-path@^6.0.0:
   dependencies:
     p-locate "^5.0.0"
 
+lodash-es@^4.17.21:
+  version "4.17.21"
+  resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.21.tgz#43e626c46e6591b7750beb2b50117390c609e3ee"
+  integrity sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==
+
 lodash.clonedeep@^4.5.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz#e23f3f9c4f8fbdde872529c1071857a086e5ccef"