feat(settings): add control tts menu to settings

becooq81 · May 16, 2024 · 66b6eb7 · 66b6eb7
1 parent 16aa8ab
commit 66b6eb7
Showing 1 changed file with 76 additions and 0 deletions.
diff --git a/lib/src/ui/pages/settings/settings_menu_page/settings_menu_page_widget.dart b/lib/src/ui/pages/settings/settings_menu_page/settings_menu_page_widget.dart
@@ -245,6 +245,82 @@ class _SettingsMenuPageWidgetState extends State<SettingsMenuPageWidget> {
                     ),
                   ),
                 ),
+              ),
+              Align(
+                alignment: const AlignmentDirectional(0.0, 0.0),
+                child: Padding(
+                  padding: const EdgeInsetsDirectional.fromSTEB(0.0, 0.0, 0.0, 50.0),
+                  child: Semantics(
+                    container: true,
+                    label: "오디오 속도 설정",
+                    explicitChildNodes: false,
+                    child: GestureDetector(
+                      onTap: () async {
+                        context.pushReplacement('/controlTTSPage');
+                      },
+                      child: Container(
+                        width: containerWidth,
+                        height: containerHeight,
+                        decoration: BoxDecoration(
+                          color: PKBAppState().tertiaryColor,
+                          borderRadius: BorderRadius.circular(26.0),
+                          border: Border.all(
+                            color: PKBAppState().secondaryColor,
+                            width: 1.0,
+                          ),
+                        ),
+                        child: Row(
+                          mainAxisSize: MainAxisSize.max,
+                          mainAxisAlignment: MainAxisAlignment.start,
+                          children: [
+                            Padding(
+                              padding: const EdgeInsetsDirectional.fromSTEB(
+                                  30.0, 0.0, 0.0, 0.0),
+                              child: ExcludeSemantics(
+                                excluding: true,
+                                child: ClipRRect(
+                                  borderRadius: BorderRadius.circular(8.0),
+                                  child: SvgPicture.asset(
+                                    'assets/images/Palette.svg', // TODO: change this to audio icon
+                                    width: iconSize,
+                                    height: iconSize,
+                                    fit: BoxFit.fitHeight,
+                                    colorFilter: ColorFilter.mode(
+                                      PKBAppState().secondaryColor,
+                                      BlendMode.srcIn,
+                                    ),
+                                  ),
+                                ),
+                              ),
+                            ),
+                            Expanded(
+                              child: Center(
+                                child: ExcludeSemantics(
+                                  excluding: true,
+                                  child: Text(
+                                    '오디오 속도 설정',
+                                    style: PillKaBooTheme.of(context)
+                                        .titleMedium
+                                        .override(
+                                          fontFamily: PillKaBooTheme.of(context)
+                                              .titleMediumFamily,
+                                          color: PKBAppState().secondaryColor,
+                                          fontSize: textSize,
+                                          fontWeight: FontWeight.w900,
+                                          useGoogleFonts: GoogleFonts.asMap()
+                                              .containsKey(PillKaBooTheme.of(context)
+                                                  .titleMediumFamily),
+                                    ),
+                                  ),
+                                ),
+                              ),
+                            ),
+                          ],
+                        ),
+                      ),
+                    ),
+                  ),
+                ),
               )
             ],
           ),