Skip to content

Commit a6fcdc9

Browse files
YugaJ7YugaJ7
committed
- Organize Android Previews for Detail Screen.
- Add previews for individual components in the detail screen. - Create `DetailScreenPreview.kt` for the entire `DetailScreenUI`.
1 parent 92e7631 commit a6fcdc9

File tree

9 files changed

+122
-2
lines changed

9 files changed

+122
-2
lines changed

‎composeApp/src/androidMain/kotlin/com/developersbreach/kotlindictionarymultiplatform/previews/detail/DetailContentPreview.kt‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
package com.developersbreach.kotlindictionarymultiplatform.previews.detail
2+
3+
import androidx.compose.runtime.Composable
4+
import androidx.compose.ui.tooling.preview.PreviewLightDark
5+
import com.developersbreach.kotlindictionarymultiplatform.previews.fakeTopicDetails
6+
import com.developersbreach.kotlindictionarymultiplatform.ui.screens.detail.DetailContent
7+
import com.developersbreach.kotlindictionarymultiplatform.ui.theme.KotlinDictionaryTheme
8+
9+
@PreviewLightDark
10+
@Composable
11+
fun DetailContentPreview() {
12+
KotlinDictionaryTheme {
13+
DetailContent(topic = fakeTopicDetails())
14+
}
15+
}

‎composeApp/src/androidMain/kotlin/com/developersbreach/kotlindictionarymultiplatform/previews/detail/PreviewDetailScreen.kt‎ renamed to ‎composeApp/src/androidMain/kotlin/com/developersbreach/kotlindictionarymultiplatform/previews/detail/DetailScreenPreview.kt‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,13 +3,13 @@ package com.developersbreach.kotlindictionarymultiplatform.previews.detail
33
import androidx.compose.runtime.Composable
44
import androidx.compose.ui.tooling.preview.PreviewLightDark
55
import com.developersbreach.kotlindictionarymultiplatform.previews.fakeTopicDetails
6-
import com.developersbreach.kotlindictionarymultiplatform.ui.screens.detail.DetailScreenContent
6+
import com.developersbreach.kotlindictionarymultiplatform.ui.screens.detail.DetailScreenUI
77
import com.developersbreach.kotlindictionarymultiplatform.ui.theme.KotlinDictionaryTheme
88

99
@PreviewLightDark
1010
@Composable
1111
fun DetailScreenPreview() {
1212
KotlinDictionaryTheme {
13-
DetailScreenContent(topic = fakeTopicDetails())
13+
DetailScreenUI(topic = fakeTopicDetails())
1414
}
1515
}

‎composeApp/src/androidMain/kotlin/com/developersbreach/kotlindictionarymultiplatform/previews/detail/DetailTopAppBarPreview.kt‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
package com.developersbreach.kotlindictionarymultiplatform.previews.detail
2+
3+
import androidx.compose.runtime.Composable
4+
import androidx.compose.ui.tooling.preview.PreviewLightDark
5+
import com.developersbreach.kotlindictionarymultiplatform.previews.fakeTopicDetails
6+
import com.developersbreach.kotlindictionarymultiplatform.ui.screens.detail.DetailTopBar
7+
import com.developersbreach.kotlindictionarymultiplatform.ui.theme.KotlinDictionaryTheme
8+
9+
@PreviewLightDark
10+
@Composable
11+
fun DetailTopBarPreview() {
12+
KotlinDictionaryTheme {
13+
DetailTopBar(title = fakeTopicDetails().topicName)
14+
}
15+
}

‎composeApp/src/androidMain/kotlin/com/developersbreach/kotlindictionarymultiplatform/previews/detail/IntroductionSectionPreview.kt‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
package com.developersbreach.kotlindictionarymultiplatform.previews.detail
2+
3+
import androidx.compose.runtime.Composable
4+
import androidx.compose.ui.tooling.preview.PreviewLightDark
5+
import com.developersbreach.kotlindictionarymultiplatform.previews.fakeTopicDetails
6+
import com.developersbreach.kotlindictionarymultiplatform.ui.screens.detail.components.IntroductionSection
7+
import com.developersbreach.kotlindictionarymultiplatform.ui.theme.KotlinDictionaryTheme
8+
9+
@PreviewLightDark
10+
@Composable
11+
fun IntroductionSectionPreview() {
12+
KotlinDictionaryTheme {
13+
IntroductionSection(topic = fakeTopicDetails())
14+
}
15+
}

‎composeApp/src/androidMain/kotlin/com/developersbreach/kotlindictionarymultiplatform/previews/detail/PitfallsSectionPreviews.kt‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
package com.developersbreach.kotlindictionarymultiplatform.previews.detail
2+
3+
import androidx.compose.runtime.Composable
4+
import androidx.compose.ui.tooling.preview.PreviewLightDark
5+
import com.developersbreach.kotlindictionarymultiplatform.previews.fakeTopicDetails
6+
import com.developersbreach.kotlindictionarymultiplatform.ui.screens.detail.components.PitfallsSection
7+
import com.developersbreach.kotlindictionarymultiplatform.ui.theme.KotlinDictionaryTheme
8+
9+
@PreviewLightDark
10+
@Composable
11+
fun PitfallsSectionPreview() {
12+
KotlinDictionaryTheme {
13+
PitfallsSection(topic = fakeTopicDetails())
14+
}
15+
}

‎composeApp/src/androidMain/kotlin/com/developersbreach/kotlindictionarymultiplatform/previews/detail/RelatedTopicsSectionPreview.kt‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
package com.developersbreach.kotlindictionarymultiplatform.previews.detail
2+
3+
import androidx.compose.runtime.Composable
4+
import androidx.compose.ui.tooling.preview.PreviewLightDark
5+
import com.developersbreach.kotlindictionarymultiplatform.previews.fakeTopicDetails
6+
import com.developersbreach.kotlindictionarymultiplatform.ui.screens.detail.components.RelatedTopicsSection
7+
import com.developersbreach.kotlindictionarymultiplatform.ui.theme.KotlinDictionaryTheme
8+
9+
@PreviewLightDark
10+
@Composable
11+
fun RelatedTopicsSectionPreview() {
12+
KotlinDictionaryTheme {
13+
RelatedTopicsSection(topic = fakeTopicDetails())
14+
}
15+
}

‎composeApp/src/androidMain/kotlin/com/developersbreach/kotlindictionarymultiplatform/previews/detail/SectionsListPreview.kt‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
package com.developersbreach.kotlindictionarymultiplatform.previews.detail
2+
3+
import androidx.compose.runtime.Composable
4+
import androidx.compose.ui.tooling.preview.PreviewLightDark
5+
import com.developersbreach.kotlindictionarymultiplatform.previews.fakeTopicDetails
6+
import com.developersbreach.kotlindictionarymultiplatform.ui.screens.detail.components.SectionsList
7+
import com.developersbreach.kotlindictionarymultiplatform.ui.theme.KotlinDictionaryTheme
8+
9+
@PreviewLightDark
10+
@Composable
11+
fun SectionsListPreview() {
12+
KotlinDictionaryTheme {
13+
SectionsList(topic = fakeTopicDetails())
14+
}
15+
}

‎composeApp/src/androidMain/kotlin/com/developersbreach/kotlindictionarymultiplatform/previews/detail/SyntaxSectionPreview.kt‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
package com.developersbreach.kotlindictionarymultiplatform.previews.detail
2+
3+
import androidx.compose.runtime.Composable
4+
import androidx.compose.ui.tooling.preview.PreviewLightDark
5+
import com.developersbreach.kotlindictionarymultiplatform.previews.fakeTopicDetails
6+
import com.developersbreach.kotlindictionarymultiplatform.ui.screens.detail.components.SyntaxSection
7+
import com.developersbreach.kotlindictionarymultiplatform.ui.theme.KotlinDictionaryTheme
8+
9+
@PreviewLightDark
10+
@Composable
11+
fun SyntaxSectionPreview() {
12+
KotlinDictionaryTheme {
13+
SyntaxSection(topic = fakeTopicDetails())
14+
}
15+
}

‎composeApp/src/androidMain/kotlin/com/developersbreach/kotlindictionarymultiplatform/previews/detail/TableOfContentsPreview.kt‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
package com.developersbreach.kotlindictionarymultiplatform.previews.detail
2+
3+
import androidx.compose.runtime.Composable
4+
import androidx.compose.ui.tooling.preview.PreviewLightDark
5+
import com.developersbreach.kotlindictionarymultiplatform.previews.fakeTopicDetails
6+
import com.developersbreach.kotlindictionarymultiplatform.ui.screens.detail.components.TableOfContents
7+
import com.developersbreach.kotlindictionarymultiplatform.ui.theme.KotlinDictionaryTheme
8+
9+
@PreviewLightDark
10+
@Composable
11+
fun TableOfContentsPreview() {
12+
KotlinDictionaryTheme {
13+
TableOfContents(topic = fakeTopicDetails())
14+
}
15+
}

0 commit comments

Comments
 (0)