chore(frontend): 예시 질문에서 ALV 리포트 뼈대(CL_SALV_TABLE) 제거

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
lee-hyeon-cheol
2026-09-21 14:49:28 +09:00
co-authored by Claude Fable 5.1
parent fa172d1413
commit 6d7723a533
2 changed files with 41 additions and 41 deletions
@@ -1,41 +1,40 @@
import { LogoMark } from "@/shared/components/LogoMark"
interface Props {
/** 예시 질문 칩을 누르면 그 문장으로 바로 대화 시작. */
onPick?: (text: string) => void
disabled?: boolean
}
// 실제로 자주 묻는 것들 — 누르면 바로 답이 오는 걸 보여주는 게 빈 화면 설명보다 낫다.
const EXAMPLES = [
"MARA 에서 자재번호로 자재유형(MTART) 읽는 SELECT SINGLE",
"셀렉션 화면 있는 ALV 리포트 뼈대 (CL_SALV_TABLE)",
"내부 테이블 LOOP 에서 그룹 소계 구하는 관용구",
]
export function Hero({ onPick, disabled }: Props) {
return (
<section className="flex w-full max-w-[560px] flex-col items-center py-6 text-center">
<LogoMark width={56} className="mb-5" />
<h1 className="mb-1.5 text-[21px] font-semibold text-balance"> ?</h1>
<p className="text-muted-foreground mb-6 text-[13px] leading-relaxed">
ABAP · CDS · HANA · . .
</p>
{onPick && (
<div className="flex flex-wrap justify-center gap-2">
{EXAMPLES.map((text) => (
<button
key={text}
type="button"
disabled={disabled}
onClick={() => onPick(text)}
className="border-border bg-card text-muted-foreground hover:bg-accent hover:text-foreground focus-visible:ring-ring inline-flex items-center rounded-full border px-3 py-1.5 text-[12px] transition-colors focus-visible:ring-2 focus-visible:outline-none disabled:opacity-50"
>
{text}
</button>
))}
</div>
)}
</section>
)
}
import { LogoMark } from "@/shared/components/LogoMark"
interface Props {
/** 예시 질문 칩을 누르면 그 문장으로 바로 대화 시작. */
onPick?: (text: string) => void
disabled?: boolean
}
// 실제로 자주 묻는 것들 — 누르면 바로 답이 오는 걸 보여주는 게 빈 화면 설명보다 낫다.
const EXAMPLES = [
"MARA 에서 자재번호로 자재유형(MTART) 읽는 SELECT SINGLE",
"내부 테이블 LOOP 에서 그룹 소계 구하는 관용구",
]
export function Hero({ onPick, disabled }: Props) {
return (
<section className="flex w-full max-w-[560px] flex-col items-center py-6 text-center">
<LogoMark width={56} className="mb-5" />
<h1 className="mb-1.5 text-[21px] font-semibold text-balance"> ?</h1>
<p className="text-muted-foreground mb-6 text-[13px] leading-relaxed">
ABAP · CDS · HANA · . .
</p>
{onPick && (
<div className="flex flex-wrap justify-center gap-2">
{EXAMPLES.map((text) => (
<button
key={text}
type="button"
disabled={disabled}
onClick={() => onPick(text)}
className="border-border bg-card text-muted-foreground hover:bg-accent hover:text-foreground focus-visible:ring-ring inline-flex items-center rounded-full border px-3 py-1.5 text-[12px] transition-colors focus-visible:ring-2 focus-visible:outline-none disabled:opacity-50"
>
{text}
</button>
))}
</div>
)}
</section>
)
}