Handle rollup color absence

Author: GusevPM

components/modules/rollup/RollupOverview.vue

@@ -320,11 +320,13 @@ const handleCSVDownload = async (value) => {
 		<Flex gap="4" :class="$style.content">
 			<Flex direction="column" :class="$style.data">
 				<Flex direction="column" gap="24" :class="$style.main">
-					<div
-						:style="{ background: `linear-gradient(90deg, ${rollupColorAlpha}, ${rollupColor}, ${rollupColorAlpha})` }"
-						:class="$style.line"
-					/>
-					<div :style="{ background: `linear-gradient(${rollupColor}, ${rollupColorAlpha})` }" :class="$style.bg" />
+					<template v-if="rollupColor && rollupColorAlpha">
+						<div
+							:style="{ background: `linear-gradient(90deg, ${rollupColorAlpha}, ${rollupColor}, ${rollupColorAlpha})` }"
+							:class="$style.line"
+						/>
+						<div :style="{ background: `linear-gradient(${rollupColor}, ${rollupColorAlpha})` }" :class="$style.bg" />
+					</template>
 
 					<Flex direction="column" gap="20" :class="$style.key_value">
 						<Flex align="center" justify="between" gap="24" wide>

services/utils/general.js

@@ -190,6 +190,8 @@ export function sortArrayOfObjects(arr, path, asc = true) {
 }
 
 export function hexToRgba(hex, alpha = 255) {
+	if (!hex) return ""
+	
 	let h = hex.replace(/^#/, "")
 
 	if (h.length === 3) {