app qa (#develop)

Author: createhb21

services/ahhachul.com/src/components/common/list/listItem/ListItem.styled.tsx

@@ -7,26 +7,25 @@ import styled from '@emotion/styled';
 import { DotIcon } from '@/assets/icons/system';
 
 export const Article = styled.article`
-  padding: 20px 0;
+  padding: 14px 0;
   border-bottom: 1px solid #f5f5f5;
 `;
 
 export const Container = styled.div`
   display: flex;
   flex-direction: column;
-  gap: 12px;
+  gap: 14px;
 `;
 
 export const ContentWrapper = styled.div`
   display: flex;
-  gap: 6px;
+  gap: 8px;
 `;
 
 export const TextContainer = styled.div`
   width: 100%;
   display: flex;
   flex-direction: column;
-  gap: 6px;
 `;
 
 export const Title = styled.div`
@@ -107,7 +106,7 @@ export const lexicalContentStyle = css`
   & > div > div {
     padding: 0;
     border: none;
-    max-height: 46px;
+    max-height: 18px;
     overflow: hidden;
   }
 `;

services/ahhachul.com/src/components/domain/community/searchResults/searchedList/SearchedList.component.tsx

@@ -15,10 +15,11 @@ interface CommunitySearchedListProps {
 
 const CommunitySearchedList = ({
   keyword,
-  filters: { communityType, subwayLineId },
+  filters: { communityType, subwayLineId, hashTag },
   isScale,
 }: CommunitySearchedListProps) => {
   const { data, hasNextPage, isFetchingNextPage, fetchNextPage } = useFetchCommunityList({
+    hashTag,
     subwayLineId,
     content: keyword,
     categoryType: communityType,

services/ahhachul.com/src/components/domain/community/searchResults/skeleton/SearchedList.skeleton.styled.tsx

@@ -27,7 +27,7 @@ export const SectionWrapper = styled.section<SectionWrapperProps>`
 `;
 
 export const ArticleItem = styled.article<{ delay: number }>`
-  padding: 20px;
+  padding: 14px 20px;
   opacity: 0;
   animation: fadeIn 0.5s ease-in-out forwards;
   border-bottom: 1px solid ${({ theme }) => theme.colors.gray[20]};

services/ahhachul.com/src/components/domain/community/searchResults/skeleton/SearchedList.skeleton.tsx

@@ -14,8 +14,8 @@ const SearchedListSkeleton = ({ isScale }: SearchedListSkeletonProps) => {
           <S.ContentWrapper>
             <S.TopSection>
               <S.TextSection>
-                <BaseSkeleton width={100} height={23} radius={6} />
-                <BaseSkeleton width={170} height={21} radius={6} />
+                <BaseSkeleton width={100} height={20} radius={6} />
+                <BaseSkeleton width={170} height={16} radius={6} />
               </S.TextSection>
               {/* 이미지 스켈레톤 */}
               <S.ImageSection>

services/ahhachul.com/src/components/domain/home/panel/rankHashtag/RankHashtag.component.tsx

@@ -65,7 +65,7 @@ const RankHashtag = () => {
             <StackFlow.Link
               key={item.id}
               activityName="HashtagPage"
-              activityParams={{ keyword: item.title }}
+              activityParams={{ tag: item.title }}
             >
               <S.RankContent>
                 <div>

services/ahhachul.com/src/components/domain/home/stations/subwayLineFilter/SubwayLineFilter.styled.ts

@@ -3,14 +3,16 @@ import { Interpolation, Theme } from '@emotion/react';
 import { subwayLineHexColors } from '@/constants/subway';
 import { mixins } from '@/styles';
 
-export const filters = [
+export const container = [
   mixins.fullWidth,
-  mixins.flexAlignCenter,
+  mixins.flexJustifySpaceBetween,
   ({ colors: { gray } }: Theme) => ({
     backgroundColor: gray[100],
     marginBottom: '32px',
   }),
-] as Interpolation<Theme>;
+];
+
+export const filters = [mixins.flexAlignCenter, { flex: 1 }] as Interpolation<Theme>;
 
 export const inherit = (line: number) => ({
   display: 'flex',
@@ -34,3 +36,13 @@ export const filterBtn = (length: number) => ({
   fontWeight: 600,
   letterSpacing: '-0.2px',
 });
+
+export const link = [
+  mixins.flexAlignCenter,
+  mixins.flexJustifySpaceBetween,
+  {
+    fontSize: '14px',
+    fontWeight: 500,
+    color: '#e6e6e6',
+  },
+];

services/ahhachul.com/src/components/domain/home/stations/subwayLineFilter/SubwayLineFilter.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 
 import { subwayLineOptions } from '@/constants';
+import { StackFlow } from '@/stackflow';
 import type { IUserStationStore } from '@/stores/subway';
 import type { UserStation } from '@/types';
 
@@ -38,28 +39,42 @@ const SubwayLineFilter = ({
   };
 
   return (
-    <ul css={S.filters}>
-      {activatedStation.subwayLineInfoList.map(info => (
-        <React.Fragment key={info.subwayLineId}>
-          <li css={S.inherit(info.subwayLineId)} onClick={reorderStationInfos(info.subwayLineId)}>
-            <button
-              type="button"
-              css={S.filterBtn(
-                subwayLineOptions[
-                  info.subwayLineId as unknown as keyof typeof subwayLineOptions
-                ].replace('선', '').length,
-              )}
-            >
-              {info.subwayLineId > 9
-                ? subwayLineOptions[
+    <div css={S.container}>
+      <ul css={S.filters}>
+        {activatedStation.subwayLineInfoList.map(info => (
+          <React.Fragment key={info.subwayLineId}>
+            <li css={S.inherit(info.subwayLineId)} onClick={reorderStationInfos(info.subwayLineId)}>
+              <button
+                type="button"
+                css={S.filterBtn(
+                  subwayLineOptions[
                     info.subwayLineId as unknown as keyof typeof subwayLineOptions
-                  ].replace('선', '')
-                : info.subwayLineId}
-            </button>
-          </li>
-        </React.Fragment>
-      ))}
-    </ul>
+                  ].replace('선', '').length,
+                )}
+              >
+                {info.subwayLineId > 9
+                  ? subwayLineOptions[
+                      info.subwayLineId as unknown as keyof typeof subwayLineOptions
+                    ].replace('선', '')
+                  : info.subwayLineId}
+              </button>
+            </li>
+          </React.Fragment>
+        ))}
+      </ul>
+      <StackFlow.Link activityName="SubwayMapPage" activityParams={{}} css={S.link}>
+        <span>전체 노선도 보기</span>
+        <svg
+          width="24"
+          height="24"
+          viewBox="0 0 24 24"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path d="M10 8L14 12L10 16" stroke="white" strokeLinecap="round" strokeLinejoin="round" />
+        </svg>
+      </StackFlow.Link>
+    </div>
   );
 };
 

services/ahhachul.com/src/components/domain/lostFound/searchResults/skeleton/SearchedList.skeleton.styled.tsx

@@ -27,7 +27,7 @@ export const SectionWrapper = styled.section<SectionWrapperProps>`
 `;
 
 export const ArticleItem = styled.article<{ delay: number }>`
-  padding: 20px;
+  padding: 14px 20px;
   opacity: 0;
   animation: fadeIn 0.5s ease-in-out forwards;
   border-bottom: 1px solid ${({ theme }) => theme.colors.gray[20]};

services/ahhachul.com/src/components/domain/lostFound/searchResults/skeleton/SearchedList.skeleton.tsx

@@ -14,8 +14,8 @@ const SearchedListSkeleton = ({ isScale }: SearchedListSkeletonProps) => {
           <S.ContentWrapper>
             <S.TopSection>
               <S.TextSection>
-                <BaseSkeleton width={100} height={23} radius={6} />
-                <BaseSkeleton width={170} height={21} radius={6} />
+                <BaseSkeleton width={100} height={20} radius={6} />
+                <BaseSkeleton width={170} height={16} radius={6} />
               </S.TextSection>
               {/* 이미지 스켈레톤 */}
               <S.ImageSection>

services/ahhachul.com/src/components/layout/BaseLayout.styled.tsx

@@ -19,5 +19,5 @@ export const Scrollable = styled.div<ScrollableProps>`
   ${mixins.overflowYScroll}
   
   padding-bottom: ${({ theme, navigationSlot }) =>
-    navigationSlot ? theme.size.navbar.height_m : 0};
+    navigationSlot ? `calc(${theme.size.navbar.height_m} + 32px)` : 0};
 `;