feat(nx-dev): add nx powerpack gcp & azure mentions (#28256)

Co-authored-by: Juri <[email protected]>
nrwl · Oct 3, 2024 · c655b6c · c655b6c
1 parent 84a5c7a
commit c655b6c
Show file tree

Hide file tree

Showing 4 changed files with 244 additions and 78 deletions.
diff --git a/nx-dev/ui-animations/src/lib/animated-beam.tsx b/nx-dev/ui-animations/src/lib/animated-beam.tsx
@@ -188,20 +188,16 @@ export const AnimatedCurvedBeam: FC<AnimatedCurvedBeamProps> = ({
           animate={animateValue}
           transition={{
             delay,
-            duration,
+            duration: bidirectional ? duration * 2 : duration,
             ease: [0.16, 1, 0.3, 1], // https://easings.net/#easeOutExpo
             repeat: Infinity,
             repeatDelay: 0,
           }}
         >
-          <stop stopColor={gradientStartColor} stopOpacity="0"></stop>
-          <stop stopColor={gradientStartColor}></stop>
-          <stop offset="32.5%" stopColor={gradientStopColor}></stop>
-          <stop
-            offset="100%"
-            stopColor={gradientStopColor}
-            stopOpacity="0"
-          ></stop>
+          <stop stopColor={gradientStartColor} stopOpacity="0" />
+          <stop stopColor={gradientStartColor} />
+          <stop offset="32.5%" stopColor={gradientStopColor} />
+          <stop offset="100%" stopColor={gradientStopColor} stopOpacity="0" />
         </motion.linearGradient>
       </defs>
     </svg>
@@ -361,8 +357,8 @@ export const AnimatedAngledBeam: FC<AnimatedAngledBeamProps> = ({
       <defs>
         <linearGradient id={id} gradientUnits="userSpaceOnUse">
           <stop stopColor={gradientStartColor} stopOpacity="0" offset="0%" />
-          <stop stopColor={gradientStartColor} offset="10%"></stop>
-          <stop stopColor={gradientStopColor} offset="90%"></stop>
+          <stop stopColor={gradientStartColor} offset="10%" />
+          <stop stopColor={gradientStopColor} offset="90%" />
           <stop stopColor={gradientStopColor} stopOpacity="0" offset="100%" />
         </linearGradient>
       </defs>

diff --git a/nx-dev/ui-icons/src/index.ts b/nx-dev/ui-icons/src/index.ts
@@ -3,6 +3,7 @@ export * from './lib/ci-providers/azure-devops';
 export * from './lib/ci-providers/bitbucket';
 export * from './lib/ci-providers/github';
 export * from './lib/ci-providers/gitlab';
+export * from './lib/ci-providers/google-cloud';
 export * from './lib/ci-providers/jenkins';
 export * from './lib/ci-providers/travis-ci';
 

diff --git a/nx-dev/ui-icons/src/lib/ci-providers/google-cloud.tsx b/nx-dev/ui-icons/src/lib/ci-providers/google-cloud.tsx
@@ -0,0 +1,14 @@
+import { FC, SVGProps } from 'react';
+
+export const GoogleCloudIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    role="img"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    {...props}
+  >
+    <title>Google Cloud</title>
+    <path d="M12.19 2.38a9.344 9.344 0 0 0-9.234 6.893c.053-.02-.055.013 0 0-3.875 2.551-3.922 8.11-.247 10.941l.006-.007-.007.03a6.717 6.717 0 0 0 4.077 1.356h5.173l.03.03h5.192c6.687.053 9.376-8.605 3.835-12.35a9.365 9.365 0 0 0-2.821-4.552l-.043.043.006-.05A9.344 9.344 0 0 0 12.19 2.38zm-.358 4.146c1.244-.04 2.518.368 3.486 1.15a5.186 5.186 0 0 1 1.862 4.078v.518c3.53-.07 3.53 5.262 0 5.193h-5.193l-.008.009v-.04H6.785a2.59 2.59 0 0 1-1.067-.23h.001a2.597 2.597 0 1 1 3.437-3.437l3.013-3.012A6.747 6.747 0 0 0 8.11 8.24c.018-.01.04-.026.054-.023a5.186 5.186 0 0 1 3.67-1.69z" />
+  </svg>
+);