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"> <div className="fk-wrap">
{KEYWORDS.map((kw, i) => ( {KEYWORDS.map((kw, i) => (
<motion.span <motion.span
key={kw.text} key={i}
className="fk-item" className="fk-item"
style={{ style={{
left: `${POSITIONS[i].x}%`, 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) const children = Array.isArray(title.props?.children)
? title.props.children ? title.props.children
: [title]; : [title.props?.children ?? title];
const lines = []; const lines = [];
let current = []; let current = [];
children.forEach((child, i) => { children.forEach((child, i) => {

13
src/pages/solution/IbePage.jsx

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

Loading…
Cancel
Save