feat: add component for snow confetti

Author: arunjaindev

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "1.11.2",
+    "version": "1.11.2-patch-1",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",

package.json

@@ -15,8 +15,26 @@
  */
 
 import { ComponentProps } from 'react'
+import Snow from 'react-canvas-confetti/dist/presets/snow'
 import Pride from 'react-canvas-confetti/dist/presets/pride'
 
+export const SnowConfetti = () => {
+    const decorateOptions: ComponentProps<typeof Snow>['decorateOptions'] = (options) => ({
+        ...options,
+        colors: ['#a864fd'],
+    })
+
+    return (
+        <Snow
+            autorun={{ speed: 30 }}
+            decorateOptions={decorateOptions}
+            style={{
+                height: '100%',
+            }}
+        />
+    )
+}
+
 const Confetti = () => {
     const decorateOptions: ComponentProps<typeof Pride>['decorateOptions'] = (options) => ({
         ...options,

src/Shared/Components/Confetti/Confetti.component.tsx

@@ -14,4 +14,4 @@
  * limitations under the License.
  */
 
-export { default as Confetti } from './Confetti.component'
+export { SnowConfetti, default as Confetti } from './Confetti.component'

src/Shared/Components/Confetti/index.ts

@@ -155,6 +155,7 @@ export interface customEnv {
      */
     FEATURE_APPLICATION_TEMPLATES_ENABLE?: boolean
     GATEKEEPER_URL?: string
+    LOGIN_PAGE_IMAGE?: string
 }
 declare global {
     interface Window {