fix: gradient component

ricardocasares · Nov 1, 2020 · 3bbf388 · 3bbf388
1 parent 3eda767
commit 3bbf388
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 16 deletions.
diff --git a/src/components/Gradient/index.ts b/src/components/Gradient/index.ts
diff --git a/src/components/Gradient/index.tsx b/src/components/Gradient/index.tsx
@@ -0,0 +1,24 @@
+import { FC } from "react";
+import gradient from "random-gradient";
+
+export type Gradient = {
+  hash?: string;
+  direction?: "radial" | "vertical" | "horizontal";
+};
+
+export const Gradient: FC<Gradient> = ({
+  hash,
+  direction = "vertical",
+  ...props
+}) => (
+  <div
+    style={{
+      minWidth: "100%",
+      minHeight: "120px",
+      background: gradient(ensureHash(hash), direction),
+    }}
+    {...props}
+  />
+);
+
+const ensureHash = (hash?: string) => hash || Math.random();