diff --git a/app/src/Project/components/ProjectIntroduction/index.tsx b/app/src/Project/components/ProjectIntroduction/index.tsx index 1e2955e1..094f1a19 100644 --- a/app/src/Project/components/ProjectIntroduction/index.tsx +++ b/app/src/Project/components/ProjectIntroduction/index.tsx @@ -1,4 +1,3 @@ -import { ProjectIntroductionSkeleton } from '@/Project/components/ProjectIntroductionSkeleton'; import { useQuery } from '@apollo/client'; import styled from '@emotion/styled'; import { BoldText, Divider, HStack, Text, VStack } from '@shared/ui-kit'; @@ -16,13 +15,21 @@ export const ProjectIntroduction = () => { ); if (loading) { - return ; + return ( + + + + ); } if (error) { - return <>; + return null; } if (!data) { - return <>; + return null; } const { name, description } = data.getProjectInfo; diff --git a/app/src/Project/components/ProjectIntroductionSkeleton/index.tsx b/app/src/Project/components/ProjectIntroductionSkeleton/index.tsx deleted file mode 100644 index 57f40df9..00000000 --- a/app/src/Project/components/ProjectIntroductionSkeleton/index.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import styled from '@emotion/styled'; -import { Divider, HStack, Skeleton, VStack } from '@shared/ui-kit'; - -export const ProjectIntroductionSkeleton = () => { - return ( - - - - - - - - - - ); -}; - -const Layout = styled.div` - width: 100%; - margin-top: 5rem; -`;