Commit 4d5aa2a2 authored by aleclofabbro's avatar aleclofabbro

backgroung: url("${xxxx}") must be always dblquoted

parent eb24170f
......@@ -28,7 +28,7 @@ const Header = styled.div`
`;
const Logo = styled.div`
background: url(${logo_large_url});
background: url("${logo_large_url}");
width: 300px;
display: inline-block;
height: 100px;
......
......@@ -260,15 +260,15 @@ const Label = styled.label`
`;
const LicenseLabel0 = styled(Label)`
background-image: url(${LicenseIcon0});
background-image: url("${LicenseIcon0}");
`;
const LicenseLabel1 = styled(Label)`
background-image: url(${LicenseIcon1});
background-image: url("${LicenseIcon1}");
`;
const LicenseLabel2 = styled(Label)`
background-image: url(${LicenseIcon2});
background-image: url("${LicenseIcon2}");
`;
const RadioButton = styled.input`
......
......@@ -64,7 +64,7 @@ export const CreateCollectionPanel: React.FC<Props> = ({ cancel, formik }) => {
filePattern="image/*"
/>
</Box>
{/* <Background style={{ backgroundImage: `url(${c.icon})` }} /> */}
{/* <Background style={{ backgroundImage: `url("${c.icon}")` }} /> */}
<HeroInfo>
<Title fontSize={5} fontWeight={'bold'}>
<CollectionContainerForm>
......
......@@ -63,7 +63,7 @@ export const CreateCommunityPanel: React.FC<Props> = ({ cancel, formik }) => {
filePattern="image/*"
/>
</Box>
{/* <Background style={{ backgroundImage: `url(${c.icon})` }} /> */}
{/* <Background style={{ backgroundImage: `url("${c.icon}")` }} /> */}
<HeroInfo>
<Title fontSize={5} fontWeight={'bold'}>
<CollectionContainerForm>
......
......@@ -93,9 +93,9 @@ const DropzoneArea: React.FC<Props> = ({
</WrapperIcon>
<Img
style={{
backgroundImage: `url(${
backgroundImage: `url("${
currentFile ? currentFile.localUrl : fileUrl
})`
}")`
}}
/>
</Thumb>
......@@ -119,7 +119,9 @@ const DropzoneArea: React.FC<Props> = ({
/>
</WrapperIcon>
<Img
style={{ backgroundImage: `url(${currentFile.localUrl})` }}
style={{
backgroundImage: `url("${currentFile.localUrl}")`
}}
/>
</Thumb>
<FileName>{currentFile && currentFile.file.name}</FileName>
......
......@@ -58,7 +58,7 @@ export const EditCollectionPanel: React.FC<Props> = ({ cancel, formik }) => {
filePattern="image/*"
/>
</Box>
{/* <Background style={{ backgroundImage: `url(${c.icon})` }} /> */}
{/* <Background style={{ backgroundImage: `url("${c.icon}")` }} /> */}
<HeroInfo>
<Title fontSize={5} fontWeight={'bold'}>
<CollectionContainerForm>
......
......@@ -58,7 +58,7 @@ export const EditCommunityPanel: React.FC<Props> = ({ cancel, formik }) => {
filePattern="image/*"
/>
</Box>
{/* <Background style={{ backgroundImage: `url(${c.icon})` }} /> */}
{/* <Background style={{ backgroundImage: `url("${c.icon}")` }} /> */}
<HeroInfo>
<Title fontSize={5} fontWeight={'bold'}>
<CollectionContainerForm>
......
......@@ -35,7 +35,7 @@ const CollectionSmall: React.FC<CollectionProps> = ({
<Link to={`/collections/${collection.id}`}>
<Img
style={{
backgroundImage: `url(${collection.icon || PlaceholderImg})`
backgroundImage: `url("${collection.icon || PlaceholderImg}")`
}}
/>
<Infos>
......
......@@ -35,7 +35,7 @@ const CommunitySmall: React.FC<CommunityProps> = ({
<Link to={`/communities/${community.id}`}>
<Img
style={{
backgroundImage: `url(${community.icon || PlaceholderImg})`
backgroundImage: `url("${community.icon || PlaceholderImg}")`
}}
/>
<Infos>
......
......@@ -61,7 +61,7 @@ export const HeroCollection: FC<Props> = ({ collection: c }) => {
<HeroCont>
<Hero>
<Box sx={{ position: 'relative' }}>
<Background style={{ backgroundImage: `url(${c.icon})` }} />
<Background style={{ backgroundImage: `url("${c.icon}")` }} />
<Right>
<Link to={`/communities/${c.communityId}`}>
<LinkImg>
......
......@@ -59,7 +59,7 @@ export const HeroCommunity: FC<Props> = ({ community: c }) => {
<Background
id="header"
style={{
backgroundImage: `url(${c.icon})`
backgroundImage: `url("${c.icon}")`
}}
/>
<HeroInfo>
......
......@@ -58,7 +58,7 @@ export const HeroUser: FC<Props> = props => {
<WrapperHero>
<Img
style={{
backgroundImage: `url(${props.icon})`
backgroundImage: `url("${props.icon}")`
}}
/>
</WrapperHero>
......@@ -220,8 +220,8 @@ const HeroBg = styled.div<{ src: string }>`
height: 250px;
margin: -4px;
background: ${props => props.theme.colors.light};
background-image: url(${props =>
props.src ? props.src : props.theme.colors.light});
background-image: url("${props =>
props.src ? props.src : props.theme.colors.light}");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
......
......@@ -78,7 +78,7 @@ const Member = styled(Box)<{ src: string }>`
max-width: 28px !important;
max-height: 28px !important;
border-radius: 28px !important;
background: url(${props => props.src});
background: url("${props => props.src}");
background-repeat: no-repeat;
background-position: cover;
width: 28px;
......
......@@ -56,7 +56,7 @@ export const Fetched: React.FC<Props> = ({ cancel, formik }) => {
filePattern="image/*"
/>
</Box>
{/* <Background style={{ backgroundImage: `url(${c.icon})` }} /> */}
{/* <Background style={{ backgroundImage: `url("${c.icon}")` }} /> */}
<HeroInfo>
<Title fontSize={5} fontWeight={'bold'}>
<CollectionContainerForm>
......
......@@ -133,7 +133,7 @@ export const Login: React.FC<Props> = ({ formik }) => {
export default Login;
const Background = styled(Box)`
background: url(${instance_bg_img});
background: url("${instance_bg_img}");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
......@@ -142,7 +142,6 @@ const Background = styled(Box)`
border-top-left-radius: 4px;
border-top-right-radius: 4px;
`;
// FIX ME add background: url(${instance_bg_img}); after add image to constants
const Infos = styled(Box)``;
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment