bring the card hover effect back

PotLock · May 24, 2024 · dfc402a · dfc402a
1 parent a2ba853
commit dfc402a
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/src/components/Card/Card.tsx b/src/components/Card/Card.tsx
@@ -38,6 +38,8 @@ const Card = (props: any) => {
   const profile = Social.getr(`${projectId}/profile`) as any;
   const allowDonate = _allowDonate ?? true;
 
+  if (profile === null) return <CardSkeleton />;
+
   const MAX_DESCRIPTION_LENGTH = 80;
 
   const { name, description } = profile;
@@ -96,8 +98,6 @@ const Card = (props: any) => {
 
   const tags = getTagsFromSocialProfileData(profile);
 
-  if (profile === null) return <CardSkeleton />;
-
   return (
     <>
       {/* <Modals /> */}

diff --git a/src/components/Card/styles.ts b/src/components/Card/styles.ts
@@ -16,7 +16,7 @@ export const CardContainer = styled.div`
   margin-right: auto;
   transition: all 300ms;
   &:hover {
-    /* transform: translateY(-1rem); */
+    transform: translateY(-1rem);
   }
 `;
 

diff --git a/src/pages/Projects/components/ListSection.tsx b/src/pages/Projects/components/ListSection.tsx
@@ -1,4 +1,4 @@
-import { VM, props, useMemo } from "alem";
+import { props, useMemo } from "alem";
 import styled from "styled-components";
 import Feed from "@app/components/devs.near/Feed";
 
@@ -18,9 +18,9 @@ type Props = {
 const ListSection = ({ shouldShuffle, items, renderItem }: Props) => {
   const responsive = props.responsive || [];
 
-  if (!Feed) {
-    return <p>Loading...</p>;
-  }
+  // if (!Feed) {
+  //   return <p>Loading...</p>;
+  // }
 
   const _items = useMemo(() => {
     if (shouldShuffle) {