From b1c476f3e40f4908229bbde6689f47ddc5b493c7 Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Fri, 6 Nov 2020 12:13:20 -0300
Subject: [PATCH] Adding gradient on the clientside

---
 components/common/Avatar/Avatar.tsx | 11 ++---------
 1 file changed, 2 insertions(+), 9 deletions(-)

diff --git a/components/common/Avatar/Avatar.tsx b/components/common/Avatar/Avatar.tsx
index 389c00db1..6ea72abb2 100644
--- a/components/common/Avatar/Avatar.tsx
+++ b/components/common/Avatar/Avatar.tsx
@@ -1,12 +1,5 @@
 import cn from 'classnames'
-import {
-  FC,
-  useState,
-  useMemo,
-  useRef,
-  useEffect,
-  HTMLInputElement,
-} from 'react'
+import { FC, useState, useMemo, useRef, useEffect } from 'react'
 import { getRandomPairOfColors } from '@lib/colors'
 
 interface Props {
@@ -16,7 +9,7 @@ interface Props {
 
 const Avatar: FC<Props> = ({}) => {
   const [bg] = useState(useMemo(() => getRandomPairOfColors, []))
-  const ref = useRef(null) as React.MutableRefObject<HTMLInputElement>
+  let ref = useRef() as React.MutableRefObject<HTMLInputElement>
 
   useEffect(() => {
     if (ref && ref.current) {