Browse Source

feat : 콘솔 오류 수정

remotes/origin/main
이시연 2 weeks ago
parent
commit
5ab9bdb139
  1. 2
      src/components/FloatingKeywords.jsx
  2. 2
      src/components/SubHero.jsx
  3. 13
      src/pages/solution/IbePage.jsx

2
src/components/FloatingKeywords.jsx

@ -39,7 +39,7 @@ export default function FloatingKeywords() {
<div className="fk-wrap">
{KEYWORDS.map((kw, i) => (
<motion.span
key={kw.text}
key={i}
className="fk-item"
style={{
left: `${POSITIONS[i].x}%`,

2
src/components/SubHero.jsx

@ -217,7 +217,7 @@ export default function SubHero({ title, desc, navItems, rightSlot }) {
(() => {
const children = Array.isArray(title.props?.children)
? title.props.children
: [title];
: [title.props?.children ?? title];
const lines = [];
let current = [];
children.forEach((child, i) => {

13
src/pages/solution/IbePage.jsx

@ -1,6 +1,6 @@
import useFadeIn from "../../hooks/useFadeIn";
import SubHero from "../../components/SubHero";
import { useRef } from "react";
import { Fragment, useRef } from "react";
import { motion, useInView } from "framer-motion";
import { Search, Armchair, CalendarClock, Wallet, Ticket } from "lucide-react";
@ -173,13 +173,16 @@ function IbePage() {
].map((item, i) => {
const Icon = item.icon;
return (
<>
<Fragment key={i}>
<motion.div
key={i}
className="ibe-booking__item"
initial={{ opacity: 0, y: 24 }}
animate={bookingInView ? { opacity: 1, y: 0 } : {}}
transition={{ duration: 0.6, ease, delay: 0.2 + i * 0.1 }}
transition={{
duration: 0.6,
ease,
delay: 0.2 + i * 0.1,
}}
>
<div className="ibe-booking__circle">
<Icon
@ -208,7 +211,7 @@ function IbePage() {
<div className="ibe-booking__line-flow" />
</div>
)}
</>
</Fragment>
);
})}
</div>

Loading…
Cancel
Save