crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-09-07 16:30:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Revert "Merge branch 'master' of https://github.com/vercel/commerce into agnostic"

Browse Source 
This reverts commit bf50965a39, reversing
changes made to 0dad4ddedb.
This commit is contained in:
cond0r
2021-02-09 09:15:38 +02:00
parent 65af7d55d1
commit 954760865b
13 changed files with 45 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
components/common/Avatar/Avatar.tsx
View File

@@ -1,5 +1,5 @@
import { FC, useRef, useEffect } from 'react'
import { useUserAvatar } from '@lib/hooks/useUserAvatar'
import { FC, useState, useMemo, useRef, useEffect } from 'react'
import { getRandomPairOfColors } from '@lib/colors'
interface Props {
className?: string
@@ -7,13 +7,18 @@ interface Props {
}
const Avatar: FC<Props> = ({}) => {
const [bg] = useState(useMemo(() => getRandomPairOfColors, []))
let ref = useRef() as React.MutableRefObject<HTMLInputElement>
let { userAvatar } = useUserAvatar()
useEffect(() => {
if (ref && ref.current) {
ref.current.style.backgroundImage = `linear-gradient(140deg, ${bg[0]}, ${bg[1]} 100%)`
}
}, [bg])
return (
<div
ref={ref}
style={{ backgroundImage: userAvatar }}
className="inline-block h-8 w-8 rounded-full border-2 border-primary hover:border-secondary focus:border-secondary transition linear-out duration-150"
>
{/* Add an image - We're generating a gradient as placeholder <img></img> */}

2
components/common/Searchbar/Searchbar.module.css
View File

@@ -7,7 +7,7 @@
}
.input:focus {
@apply outline-none shadow-outline-normal;
@apply outline-none shadow-outline-2;
}
.iconContainer {

6
components/common/UserNav/UserNav.module.css
View File

@@ -24,11 +24,7 @@
}
.bagCount {
@apply border border-accents-1 bg-secondary text-secondary absolute rounded-full right-3 top-3 flex items-center justify-center font-bold text-xs;
padding-left: 2.5px;
padding-right: 2.5px;
min-width: 1.25rem;
min-height: 1.25rem;
@apply border border-accents-1 bg-secondary text-secondary h-4 w-4 absolute rounded-full right-3 top-3 flex items-center justify-center font-bold text-xs;
}
.avatarButton {