diff --git a/packages/core/sds/src/components/Icon/assets/Stats.tsx b/packages/core/sds/src/components/Icon/assets/Stats.tsx new file mode 100644 index 00000000..f99df858 --- /dev/null +++ b/packages/core/sds/src/components/Icon/assets/Stats.tsx @@ -0,0 +1,42 @@ +import { IconAssetProps } from '../types'; + +export const Stats = (props: IconAssetProps) => { + const { color, size } = props; + + return ( + + + + + + + + + + + + + + + ); +}; diff --git a/packages/core/sds/src/components/Icon/constants.ts b/packages/core/sds/src/components/Icon/constants.ts index 634c656a..f964d483 100644 --- a/packages/core/sds/src/components/Icon/constants.ts +++ b/packages/core/sds/src/components/Icon/constants.ts @@ -10,6 +10,7 @@ import { CrownIcon } from './assets/Crown'; import { Landscape } from './assets/Landscape'; import { SadUserIcon } from './assets/SadUserIcon'; import { ShareIcon } from './assets/Share'; +import { Stats } from './assets/Stats'; import { Upload } from './assets/Upload'; import { XIcon } from './assets/XIcon'; @@ -27,5 +28,6 @@ export const iconMap = { 'share-icon': ShareIcon, 'comments-icon': CommentsIcon, 'x-icon': XIcon, + stats: Stats, upload: Upload, }; diff --git a/packages/web-domains/src/result/common/components/Layout/BaseLayout.tsx b/packages/web-domains/src/result/common/components/Layout/BaseLayout.tsx index e3921db5..403bda1a 100644 --- a/packages/web-domains/src/result/common/components/Layout/BaseLayout.tsx +++ b/packages/web-domains/src/result/common/components/Layout/BaseLayout.tsx @@ -25,6 +25,7 @@ export const BaseLayout = (props: BaseLayoutProps) => { const layoutStyle = { backgroundColor: colors.grey200, + paddingBottom: size['3xl'], }; const contentStyle = { diff --git a/packages/web-domains/src/result/features/main/components/SelectedDataCard/Content.tsx b/packages/web-domains/src/result/features/main/components/SelectedDataCard/Content.tsx index 5e3e9f29..484a4d92 100644 --- a/packages/web-domains/src/result/features/main/components/SelectedDataCard/Content.tsx +++ b/packages/web-domains/src/result/features/main/components/SelectedDataCard/Content.tsx @@ -1,6 +1,6 @@ 'use client'; -import { Button, Txt } from '@sambad/sds/components'; +import { Button, Icon, Txt } from '@sambad/sds/components'; import { colors } from '@sambad/sds/theme'; import Link from 'next/link'; import { useParams } from 'next/navigation'; @@ -35,7 +35,9 @@ export const MostAnswered = (props: MostAnsweredProps) => { {contentText} - + );