From 883470257df001de9574949e8436de8b1426a0a1 Mon Sep 17 00:00:00 2001
From: Hazem Krimi <krimihazem1@gmail.com>
Date: Mon, 21 Jun 2021 23:31:50 +0100
Subject: [PATCH] Fix styles

---
 src/components/FeatureCard/index.tsx |  2 +-
 src/pages/AddProject/index.tsx       | 14 ++++++++++----
 src/pages/AddProject/styles.ts       | 10 ++++++++++
 src/pages/Auth/Login/index.tsx       | 10 ----------
 src/pages/Auth/Signup/index.tsx      | 10 ----------
 5 files changed, 21 insertions(+), 25 deletions(-)

diff --git a/src/components/FeatureCard/index.tsx b/src/components/FeatureCard/index.tsx
index f900594..2f2a8b2 100644
--- a/src/components/FeatureCard/index.tsx
+++ b/src/components/FeatureCard/index.tsx
@@ -34,7 +34,7 @@ const FeatureCard = ({
       alignItems='center'
       rowGap='10px'
       borderRadius='10px'
-      cursor='pointer'
+      cursor={selectable ? 'pointer' : undefined}
     >
       <Box display='flex' flexDirection='row' alignItems='center'>
         <Box flexGrow='1'>
diff --git a/src/pages/AddProject/index.tsx b/src/pages/AddProject/index.tsx
index ea8e961..7cb476e 100644
--- a/src/pages/AddProject/index.tsx
+++ b/src/pages/AddProject/index.tsx
@@ -942,7 +942,8 @@ const AddProject = () => {
                               feature
                             )}
                             toggleSelect={() => {
-                              setSelectedFeature(feature);
+                              if (feature.featureType !== 'backend')
+                                setSelectedFeature(feature);
                               if (
                                 featuresForm.values.selectedFeatures &&
                                 !featuresForm.values.selectedFeatures.includes(
@@ -994,10 +995,15 @@ const AddProject = () => {
                       <Carousel {...carouselSettings}>
                         {selectedFeature?.wireframes?.map((wireframe) => (
                           <Box
+                            height='0'
                             width='150px'
-                            height='300px'
-                            background={`url(${wireframe.src})`}
-                          ></Box>
+                            overflow='hidden'
+                            paddingTop='calc(591.44 / 1127.34 * 100%)'
+                            position='relative'
+                            className='wireframe'
+                          >
+                            <img src={wireframe.src} alt='Wireframe' />
+                          </Box>
                         ))}
                       </Carousel>
                     </>
diff --git a/src/pages/AddProject/styles.ts b/src/pages/AddProject/styles.ts
index 7a0a656..986a768 100644
--- a/src/pages/AddProject/styles.ts
+++ b/src/pages/AddProject/styles.ts
@@ -15,4 +15,14 @@ export const Wrapper = styled.div<WrapperProps>`
       stroke: ${({ theme, color }) => theme.colors[color || 'client'].main};
     }
   }
+
+  .wireframe {
+    img {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+    }
+  }
 `;
diff --git a/src/pages/Auth/Login/index.tsx b/src/pages/Auth/Login/index.tsx
index 9a94477..a9534b7 100644
--- a/src/pages/Auth/Login/index.tsx
+++ b/src/pages/Auth/Login/index.tsx
@@ -135,13 +135,6 @@ const Login = () => {
                   loading={loading}
                   disabled={loading}
                 />
-                {/* <Button
-                  variant='secondary-action'
-                  fullWidth
-                  color='client'
-                  text='Login with Google'
-                  iconLeft={<Google />}
-                /> */}
               </Box>
               <Box display='flex' flexDirection='row'>
                 <Box flexGrow='1'>
@@ -150,9 +143,6 @@ const Login = () => {
                   </Text>
                   <Link href='/signup'>Signup</Link>
                 </Box>
-                <Link href='/' color='gray'>
-                  Build a Project
-                </Link>
               </Box>
             </Box>
           </form>
diff --git a/src/pages/Auth/Signup/index.tsx b/src/pages/Auth/Signup/index.tsx
index a20b130..701141e 100644
--- a/src/pages/Auth/Signup/index.tsx
+++ b/src/pages/Auth/Signup/index.tsx
@@ -125,13 +125,6 @@ const Signup = () => {
                   loading={loading}
                   disabled={loading}
                 />
-                {/* <Button
-                  variant='secondary-action'
-                  fullWidth
-                  color='client'
-                  text='Signup with Google'
-                  iconLeft={<Google />}
-                /> */}
               </Box>
               <Box display='flex' flexDirection='row'>
                 <Box flexGrow='1'>
@@ -140,9 +133,6 @@ const Signup = () => {
                   </Text>
                   <Link href='/login'>Login</Link>
                 </Box>
-                <Link href='/' color='gray'>
-                  Build a Project
-                </Link>
               </Box>
             </Box>
           </form>