Skip to content

Commit 14f26a0

Browse files
anyulledanyulled
committed
refactor(SpeakerDetail): adjust imports formatting and update inline styles for consistency
1 parent 5b40222 commit 14f26a0

File tree

2 files changed

+49
-46
lines changed

2 files changed

+49
-46
lines changed

‎src/views/MeetingDetail/MeetingDetail.tsx‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -2,13 +2,13 @@ import {
22
BIG_BREAKPOINT,
33
LARGE_BREAKPOINT,
44
MOBILE_BREAKPOINT,
5-
} from "../../constants/BreakPoints";
6-
import { Color } from "../../styles/colors";
5+
} from "@constants/BreakPoints";
6+
import { Color } from "@styles/colors";
77
import React, { FC, Suspense } from "react";
8-
import LessThanIconWhite from "../../assets/images/LessThanIconWhite.svg";
9-
import LessThanIcon from "../../assets/images/LessThanBlueIcon.svg";
10-
import MoreThanIcon from "../../assets/images/MoreThanBlueIcon.svg";
11-
import SectionWrapper from "../../components/SectionWrapper/SectionWrapper";
8+
import LessThanIconWhite from "@assets/images/LessThanIconWhite.svg";
9+
import LessThanIcon from "@assets/images/LessThanBlueIcon.svg";
10+
import MoreThanIcon from "@assets/images/MoreThanBlueIcon.svg";
11+
import SectionWrapper from "@components/SectionWrapper/SectionWrapper";
1212
import { useWindowSize } from "react-use";
1313
import {
1414
StyledContainer,
@@ -28,13 +28,13 @@ import {
2828
StyledVideoTagsContainer,
2929
} from "./Style.MeetingDetail";
3030
import { Link } from "react-router";
31-
import { ROUTE_SPEAKER_DETAIL, ROUTE_TALKS } from "../../constants/routes";
32-
import conferenceData from "../../data/2025.json";
33-
import { Tag } from "../../components/Tag/Tag";
31+
import { ROUTE_SPEAKER_DETAIL, ROUTE_TALKS } from "@constants/routes";
32+
import conferenceData from "@data/2025.json";
33+
import { Tag } from "@components/Tag/Tag";
3434
import { styled } from "styled-components";
3535
import { AddToCalendarButton } from "add-to-calendar-button-react";
36-
import { IMeetingDetailProps, MyType } from "../../types/sessions";
37-
import { useDocumentTitleUpdater } from "../../hooks/useDocumentTitleUpdate";
36+
import { IMeetingDetailProps, MyType } from "@types/sessions";
37+
import { useDocumentTitleUpdater } from "@hooks/useDocumentTitleUpdate";
3838

3939
const getVideoHeight = (windowWidth: number) => {
4040
let videoHeight;

‎src/views/SpeakerDetail/SpeakerDetail.tsx‎

Lines changed: 38 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -1,43 +1,45 @@
1-
import {BIG_BREAKPOINT} from "../../constants/BreakPoints";
1+
import { BIG_BREAKPOINT } from "@constants/BreakPoints";
22

3-
import {FC, Suspense, useEffect} from "react";
4-
import MoreThanIcon from "../../assets/images/MoreThanBlueIcon.svg";
5-
import LessThan from "../../assets/images/MoreThanIcon.svg";
6-
import SlashesWhite from "../../assets/images/SlashesWhite.svg";
7-
import linkedinIcon from "../../assets/images/linkedinIcon.svg";
8-
import twitterIcon from "../../assets/images/twitterIcon.svg";
9-
import {useWindowSize} from "react-use";
3+
import { FC, Suspense, useEffect } from "react";
4+
import MoreThanIcon from "@assets/images/MoreThanBlueIcon.svg";
5+
import LessThan from "@assets/images/MoreThanIcon.svg";
6+
import SlashesWhite from "@assets/images/SlashesWhite.svg";
7+
import linkedinIcon from "@assets/images/linkedinIcon.svg";
8+
import twitterIcon from "@assets/images/twitterIcon.svg";
9+
import { useWindowSize } from "react-use";
1010
import {
11-
StyledDetailsContainer,
12-
StyledFlexCol,
13-
StyledImageContainer,
14-
StyledInfoContainer,
15-
StyledLink,
16-
StyledMoreThanIcon,
17-
StyledMoreThanIconContainer,
18-
StyledName,
19-
StyledNameContainer,
20-
StyledRightContainer,
21-
StyledSlashes,
22-
StyledSocialMediaContainer,
23-
StyledSocialMediaIcon,
24-
StyledSpeakerDescription,
25-
StyledSpeakerDetailContainer,
26-
StyledSpeakerImg,
27-
StyledSpeakerTitle,
11+
StyledDetailsContainer,
12+
StyledFlexCol,
13+
StyledImageContainer,
14+
StyledInfoContainer,
15+
StyledLink,
16+
StyledMoreThanIcon,
17+
StyledMoreThanIconContainer,
18+
StyledName,
19+
StyledNameContainer,
20+
StyledRightContainer,
21+
StyledSlashes,
22+
StyledSocialMediaContainer,
23+
StyledSocialMediaIcon,
24+
StyledSpeakerDescription,
25+
StyledSpeakerDetailContainer,
26+
StyledSpeakerImg,
27+
StyledSpeakerTitle,
2828
} from "./Speaker.style";
29-
import {ROUTE_SPEAKERS, ROUTE_TALK_DETAIL} from "../../constants/routes";
30-
import {StyledTalkDescription} from "./SpeakerDetail.style";
31-
import {Link} from "react-router";
32-
import {Color} from "../../styles/colors";
33-
import conferenceData from "../../data/2025.json";
34-
import {ISpeaker} from "../../types/speakers";
29+
import { ROUTE_SPEAKERS, ROUTE_TALK_DETAIL } from "@constants/routes";
30+
import { StyledTalkDescription } from "./SpeakerDetail.style";
31+
import { Link } from "react-router";
32+
import { Color } from "@styles/colors";
33+
import conferenceData from "@data/2025.json";
34+
import { ISpeaker } from "@types/speakers";
3535

3636
interface ISpeakerDetailProps {
3737
speaker: ISpeaker;
3838
}
3939

40-
const SpeakerDetail: FC<React.PropsWithChildren<ISpeakerDetailProps>> = ({ speaker }) => {
40+
const SpeakerDetail: FC<React.PropsWithChildren<ISpeakerDetailProps>> = ({
41+
speaker,
42+
}) => {
4143
const { width } = useWindowSize();
4244

4345
useEffect(() => {
@@ -109,12 +111,13 @@ const SpeakerDetail: FC<React.PropsWithChildren<ISpeakerDetailProps>> = ({ speak
109111

110112
{hasSessions() && (
111113
<>
112-
<h2>Sessions</h2>
114+
<h2 style={{ fontSize: "1.5rem" }}>Sessions</h2>
113115
<ul
114116
style={{
115-
paddingLeft: "40px",
116-
paddingTop: "20px",
117+
paddingLeft: "1.5rem",
118+
paddingTop: "0.5rem",
117119
listStyleType: "none",
120+
marginBottom: "0",
118121
}}
119122
>
120123
{speaker?.sessions?.map((session) => (

0 commit comments

Comments
 (0)