데벨업 v2.0.3 Release

backend/src/main/java/develup/domain/solution/SolutionRepositoryCustom.java

@@ -29,7 +29,7 @@ public List<Solution> findAllCompletedSolutionByHashTagName(String missionTitle,
                 .join(mission.missionHashTags.hashTags, missionHashTag).fetchJoin()
                 .join(missionHashTag.hashTag).fetchJoin()
                 .where(eqCompleted(), eqMissionTitle(missionTitle), eqHashTagName(hashTagName))
-                .orderBy(solution.id.desc())
+                .orderBy(solution.submittedAt.desc())
                 .fetch();
     }
 

backend/src/test/java/develup/domain/solution/SolutionRepositoryCustomTest.java

@@ -2,6 +2,7 @@
 
 import static org.assertj.core.api.Assertions.assertThat;
 
+import java.time.LocalDateTime;
 import java.util.List;
 import java.util.Optional;
 import java.util.function.Function;
@@ -46,6 +47,35 @@ public class SolutionRepositoryCustomTest extends IntegrationTestSupport {
     @Autowired
     private HashTagRepository hashTagRepository;
 
+    @Test
+    @DisplayName("솔루션을 제출일자 역순으로 조회할 수 있다.")
+    void findAllCompletedSolutionByHashTagOrderBySubmittedAtDesc() {
+        Member member = memberRepository.save(MemberTestData.defaultMember().build());
+        HashTag hashTag = hashTagRepository.save(HashTagTestData.defaultHashTag().withName("JAVA").build());
+        Mission mission1 = missionRepository.save(MissionTestData.defaultMission().withHashTags(List.of(hashTag)).build());
+        Mission mission2 = missionRepository.save(MissionTestData.defaultMission().withHashTags(List.of(hashTag)).build());
+        Solution solution1 = SolutionTestData.defaultSolution()
+                .withMember(member)
+                .withMission(mission1)
+                .withStatus(SolutionStatus.COMPLETED)
+                .withSubmittedAt(LocalDateTime.of(2024, 1, 1, 0, 0))
+                .build();
+        Solution solution2 = SolutionTestData.defaultSolution()
+                .withMember(member)
+                .withMission(mission2)
+                .withStatus(SolutionStatus.COMPLETED)
+                .withSubmittedAt(LocalDateTime.of(2024, 1, 2, 0, 0))
+                .build();
+
+        solutionRepository.saveAll(List.of(solution1, solution2));
+
+        List<Solution> solutions = solutionRepositoryCustom.findAllCompletedSolutionByHashTagName("all", "all");
+
+        assertThat(solutions)
+                .map(Solution::getId)
+                .containsExactly(solution2.getId(), solution1.getId());
+    }
+
     @Test
     @DisplayName("주어진 해시태그가 포함된 완료된 솔루션을 조회할 수 있다.")
     void findAllCompletedSolutionByHashTag() {

frontend/src/apis/solutions.ts

@@ -1,6 +1,5 @@
 import { develupAPIClient } from '@/apis/clients/develupClient';
 import { PATH } from '@/apis/paths';
-import { HASHTAGS } from '@/constants/hashTags';
 import type { HashTag } from '@/types';
 import type { Solution, SubmittedSolution } from '@/types/solution';
 

frontend/src/components/MissionDetail/MissionDetailButtons.tsx

@@ -31,7 +31,6 @@ export default function MissionDetailButtons({
   const [isMissionStarted, setIsMissionStarted] = useState(isStarted);
 
   const handleStartMission = () => {
-    handleModalOpen();
     setIsMissionStarted(true);
   };
 

frontend/src/components/SolutionDetail/SolutionSection.styled.ts

@@ -2,6 +2,7 @@ import styled from 'styled-components';
 import javaIcon from '@/assets/images/java.svg';
 import GithubLogo from '@/assets/images/githubLogo.svg';
 import { Link } from 'react-router-dom';
+import SanitizedMDPreview from '../common/SanitizedMDPreview';
 
 export const SolutionDetailTitle = styled.h2`
   margin: 4rem 0 2rem 0;
@@ -103,7 +104,7 @@ export const CodeViewButtonWrapper = styled.div`
   margin: 3rem 0;
 `;
 
-export const SolutionDescription = styled.div`
+export const SolutionDescription = styled(SanitizedMDPreview)`
   margin-top: 3rem;
   ${({ theme }) => theme.font.body}
 `;
@@ -120,4 +121,3 @@ export const SolutionDescriptionBottom = styled.div`
 export const CodeViewButtonLink = styled(Link)`
   display: contents;
 `;
-

frontend/src/components/SolutionDetail/index.tsx

@@ -27,7 +27,7 @@ export default function SolutionSection({ solution }: SolutionDetailProps) {
           </Button>
         </S.CodeViewButtonLink>
       </S.CodeViewButtonWrapper>
-      <S.SolutionDescription>{description}</S.SolutionDescription>
+      <S.SolutionDescription source={description} />
       {userInfo?.id === solution.member.id && (
         <SolutionDetailBottom missionId={mission.id} solutionId={solutionId} />
       )}

frontend/src/components/common/InfoCard/InfoCard.styled.ts

@@ -14,13 +14,23 @@ export const TitleWrapper = styled.div`
 `;
 
 export const Title = styled.div`
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+
   ${(props) => props.theme.font.bodyBold}
 `;
 
 export const Description = styled.div`
-  ${(props) => props.theme.font.body}
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  text-overflow: ellipsis;
+
   color: ${(props) => props.theme.colors.grey500};
   margin-top: 0.5rem;
+  ${(props) => props.theme.font.body}
 `;
 
 export const TagWrapper = styled.ul`

frontend/src/pages/SolutionListPage/index.tsx

@@ -12,7 +12,7 @@ export default function SolutionListPage() {
   const [selectedHashTag, setSelectedHashTag] = useState<{ id: number; name: string } | null>(null);
 
   const { data: allHashTags } = useHashTags();
-  const { data: allMissions } = useMissions(selectedHashTag?.name);
+  const { data: allMissions } = useMissions();
 
   return (
     <S.SolutionListPageContainer>