fix tabs inside doctor replay

lib/screens/doctor/doctor_replay/doctor_reply_screen.dart

@@ -81,38 +81,33 @@ class _DoctorReplyScreenState extends State<DoctorReplyScreen>
                   preferredSize: Size.fromHeight(
                       MediaQuery.of(context).size.height * 0.070),
                   child: Container(
-                    height: MediaQuery.of(context).size.height * 0.070,
+                    child: TabBar(
-                    decoration: BoxDecoration(
+                      isScrollable: false,
-                        border: Border(
+                      controller: _tabController,
-                          bottom: BorderSide(
+                      indicatorColor: Colors.transparent,
-                              color: Theme.of(context).dividerColor,
+                      indicatorWeight: 1.0,
-                              width: 0.5), //width: 0.7
+                      indicatorSize: TabBarIndicatorSize.tab,
+                      labelColor: Theme.of(context).primaryColor,
+                      labelPadding: EdgeInsets.only(
+                          top: 0, left: 0, right: 0, bottom: 0),
+                      unselectedLabelColor: Colors.grey[800],
+                      tabs: [
+                        tabWidget(
+                          screenSize,
+                          _activeTab == 0,
+                          /// TODO Elham* Add Tran
+                          "Not Replied",
+                          isFirst: true, context: context
                         ),
-                        color: Colors.white),
+                        tabWidget(
-                    child: Center(
+                          screenSize,
-                      child: TabBar(
+                          _activeTab == 1,
-                        isScrollable: false,
+
-                        controller: _tabController,
+                          TranslationBase.of(context).all,
-                        indicatorColor: Colors.transparent,
+                          isLast: true,
-                        indicatorWeight: 1.0,
+                          context: context
-                        indicatorSize: TabBarIndicatorSize.tab,
+                        ),
-                        labelColor: Theme.of(context).primaryColor,
+                      ],
-                        labelPadding: EdgeInsets.only(
-                            top: 0, left: 0, right: 0, bottom: 0),
-                        unselectedLabelColor: Colors.grey[800],
-                        tabs: [
-                          tabWidget(
-                            screenSize,
-                            _activeTab == 0,
-                            "Not Replied",
-                          ),
-                          tabWidget(
-                            screenSize,
-                            _activeTab == 1,
-                            TranslationBase.of(context).all,
-                          ),
-                        ],
-                      ),
                     ),
                   ),
                 ),
@@ -140,44 +135,22 @@ class _DoctorReplyScreenState extends State<DoctorReplyScreen>
 }
 
 Widget tabWidget(Size screenSize, bool isActive, String title,
-    {int counter = -1}) {
+    {int counter = -1,  bool isFirst = false,
+      bool isMiddle = false,
+      bool isLast = false,context}) {
   return Center(
     child: Container(
-      height: screenSize.height * 0.070,
+      height: Helpers.getTabHeight(context),
-      decoration: TextFieldsUtils.containerBorderDecoration(
+      decoration: Helpers.getBoxTabsBoxDecoration(isActive: isActive,isFirst: isFirst, isMiddle: isMiddle, isLast: isLast),
-          isActive ? Color(0xFFD02127 /*B8382B*/) : Color(0xFFEAEAEA),
-          isActive ? Color(0xFFD02127) : Color(0xFFEAEAEA),
-          borderRadius: 4,
-          borderWidth: 0),
       child: Row(
         mainAxisAlignment: MainAxisAlignment.center,
         children: [
-          AppText(
+          Helpers.getTabText(title: title, isActive: isActive),
-            title,
-            fontSize: SizeConfig.textMultiplier * 1.5,
-            color: isActive ? Colors.white : Color(0xFF2B353E),
-            fontWeight: FontWeight.w700,
-          ),
           if (counter != -1)
-            Container(
+            Helpers.getTabCounter(
-              margin: EdgeInsets.all(4),
+              isActive: isActive,
-              width: 15,
+                counter:counter
-              height: 15,
+            )
-              decoration: BoxDecoration(
-                color: isActive ? Colors.white : Color(0xFFD02127),
-                shape: BoxShape.circle,
-              ),
-              child: Center(
-                child: FittedBox(
-                  child: AppText(
-                    "$counter",
-                    fontSize: SizeConfig.textMultiplier * 1.5,
-                    color: !isActive ? Colors.white : Color(0xFFD02127),
-                    fontWeight: FontWeight.w700,
-                  ),
-                ),
-              ),
-            ),
         ],
       ),
     ),