Fixes #2098 Fix:Overflow Error on PostWideget (#2104)

* Fix:Overflow Error on PostWideget

* Remove:Unused Hive Boxes

* Fix:Responsiveness on Icons

Author: AyushRaghuvanshi

lib/widgets/multi_reaction.dart

@@ -22,8 +22,8 @@ class _MultiReactionButtonState extends State<MultiReactButton> {
         icon: Padding(
           padding: const EdgeInsets.all(8.0),
           child: SizedBox(
-            height: 35,
-            width: 35,
+            height: (MediaQuery.sizeOf(context).width / 392) * 35,
+            width: (MediaQuery.sizeOf(context).width / 392) * 35,
             child: SvgPicture.asset(
               'assets/images/🦆 icon _like_.svg',
             ),
@@ -36,8 +36,8 @@ class _MultiReactionButtonState extends State<MultiReactButton> {
           icon: Padding(
             padding: const EdgeInsets.all(8.0),
             child: SizedBox(
-              height: 35,
-              width: 35,
+              height: (MediaQuery.sizeOf(context).width / 392) * 35,
+              width: (MediaQuery.sizeOf(context).width / 392) * 35,
               child: SvgPicture.asset(
                 'assets/icons/angel.svg',
               ),
@@ -49,8 +49,8 @@ class _MultiReactionButtonState extends State<MultiReactButton> {
           icon: Padding(
             padding: const EdgeInsets.all(8.0),
             child: SizedBox(
-              height: 35,
-              width: 35,
+              height: (MediaQuery.sizeOf(context).width / 392) * 35,
+              width: (MediaQuery.sizeOf(context).width / 392) * 35,
               child: SvgPicture.asset(
                 'assets/icons/happy.svg',
               ),
@@ -62,8 +62,8 @@ class _MultiReactionButtonState extends State<MultiReactButton> {
           icon: Padding(
             padding: const EdgeInsets.all(8.0),
             child: SizedBox(
-              height: 35,
-              width: 35,
+              height: (MediaQuery.sizeOf(context).width / 392) * 35,
+              width: (MediaQuery.sizeOf(context).width / 392) * 35,
               child: SvgPicture.asset(
                 'assets/icons/laugh.svg',
               ),
@@ -75,8 +75,8 @@ class _MultiReactionButtonState extends State<MultiReactButton> {
           icon: Padding(
             padding: const EdgeInsets.all(8.0),
             child: SizedBox(
-              height: 35,
-              width: 35,
+              height: (MediaQuery.sizeOf(context).width / 392) * 35,
+              width: (MediaQuery.sizeOf(context).width / 392) * 35,
               child: SvgPicture.asset(
                 'assets/icons/love.svg',
               ),
@@ -88,8 +88,8 @@ class _MultiReactionButtonState extends State<MultiReactButton> {
           icon: Padding(
             padding: const EdgeInsets.all(8.0),
             child: SizedBox(
-              height: 35,
-              width: 35,
+              height: (MediaQuery.sizeOf(context).width / 392) * 35,
+              width: (MediaQuery.sizeOf(context).width / 392) * 35,
               child: SvgPicture.asset(
                 'assets/icons/tear.svg',
               ),
@@ -101,8 +101,8 @@ class _MultiReactionButtonState extends State<MultiReactButton> {
           icon: Padding(
             padding: const EdgeInsets.all(8.0),
             child: SizedBox(
-              height: 35,
-              width: 35,
+              height: (MediaQuery.sizeOf(context).width / 392) * 35,
+              width: (MediaQuery.sizeOf(context).width / 392) * 35,
               child: SvgPicture.asset(
                 'assets/icons/angry.svg',
               ),

lib/widgets/post_widget.dart

@@ -57,6 +57,7 @@ class NewsPost extends StatelessWidget {
                 fontSize: 20,
               ),
               title: Row(
+                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                 children: [
                   Text(
                     "${post.creator!.firstName} ${post.creator!.lastName}",
@@ -66,9 +67,6 @@ class NewsPost extends StatelessWidget {
                       color: Colors.black38,
                     ),
                   ),
-                  const SizedBox(
-                    width: 115,
-                  ),
                   IconButton(
                     onPressed: () {
                       showModalBottomSheet<void>(
@@ -152,8 +150,12 @@ class NewsPost extends StatelessWidget {
                                 child: Padding(
                                   padding: const EdgeInsets.all(8.0),
                                   child: SizedBox(
-                                    height: 35,
-                                    width: 35,
+                                    height: (MediaQuery.sizeOf(context).width /
+                                            392) *
+                                        35,
+                                    width: (MediaQuery.sizeOf(context).width /
+                                            392) *
+                                        35,
                                     child: SvgPicture.asset(
                                       'assets/images/comment.svg',
                                     ),