Merge pull request #30 from sumit-coder/ui_work

UI work

Author: sumit-coder

lib/main.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_animate/flutter_animate.dart';
 import 'package:help_me_design/appwrite_service/auth_service.dart';
 import 'package:help_me_design/providers/component_tab_provider/component_tab_provider.dart';
 import 'package:help_me_design/providers/explore_tab_provider/explore_tab_provider.dart';
@@ -12,7 +13,10 @@ import 'providers/inspiration_tab_provider/inspiration_tab_provider.dart';
 import 'providers/snippet_tab_provider.dart';
 import 'views/screens/home_screen/home_screen.dart';
 
+import 'package:url_strategy/url_strategy.dart';
+
 void main() {
+  setPathUrlStrategy();
   runApp(const MyApp());
 }
 
@@ -26,6 +30,7 @@ class MyApp extends StatefulWidget {
 class _MyAppState extends State<MyApp> {
   @override
   Widget build(BuildContext context) {
+    Animate.restartOnHotReload = true;
     return MultiProvider(
       providers: [
         ChangeNotifierProvider<ThemeManager>(create: (_) => ThemeManager()),

lib/views/screens/tabs/components_tab/widgets/components_view.dart

@@ -182,10 +182,10 @@ class _ComponentViewState extends State<ComponentView> {
                                         UtilityHelper.toastMessage(message: "Code Updated");
                                       }
                                     },
-                                    codeText: activeCollectionData[componentTabProvider.activeComponentViewIndex].data['code'],
+                                    codeText: activeCollectionData[i].data['code'],
                                     description: '',
-                                    title: activeCollectionData[componentTabProvider.activeComponentViewIndex].data['title'],
-                                    codeLanguage: activeCollectionData[componentTabProvider.activeComponentViewIndex].data['codeLanguage'],
+                                    title: activeCollectionData[i].data['title'],
+                                    codeLanguage: activeCollectionData[i].data['codeLanguage'],
                                   ),
                                 )
                             ],

lib/views/screens/tabs/explore_tab/explore_tab.dart

@@ -22,6 +22,7 @@ class ExploreView extends StatefulWidget {
 }
 
 class _ExploreViewState extends State<ExploreView> {
+  ScrollController _scrollController = ScrollController();
   @override
   void initState() {
     // TODO: implement initState
@@ -60,13 +61,6 @@ class _ExploreViewState extends State<ExploreView> {
                         : "assets/images/explore-poster.png",
                     bgPattern: ExploreTabPatternPainter(74, context),
                   ),
-            // IconButton(
-            //   onPressed: () {
-            //     // DatabasesService().getDesignResourcesData();
-            //     exploreTapProvider.initDesignResourcesData();
-            //   },
-            //   icon: const Icon(Icons.abc),
-            // ),
             AnimatedSwitcher(
               duration: 500.ms,
               child: exploreTapProvider.showListItemView ? ExploreListItemView() : ExploreListView(),

lib/views/screens/tabs/explore_tab/widgets/explore_list_item_view.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_animate/flutter_animate.dart';
 import 'package:help_me_design/providers/explore_tab_provider/explore_tab_provider.dart';
 import 'package:help_me_design/theme/my_design_system.dart';
 import 'package:help_me_design/theme/my_theme.dart';
@@ -40,7 +41,16 @@ class ExploreListItemView extends StatelessWidget {
               title: activeItemData.resourcesList[i].title,
               description: activeItemData.resourcesList[i].description,
               resourceUrl: activeItemData.resourcesList[i].url,
-            ),
+            )
+                .animate()
+                .scaleXY(
+                  begin: 0.2,
+                  alignment: Alignment.bottomLeft,
+                )
+                .then()
+                .saturate(begin: 0, delay: 100.ms, duration: 400.ms)
+                .then()
+                .shakeX(delay: 200.ms, hz: 8, amount: i == 0 ? 4 : 0)
         ],
       ),
     );

lib/views/screens/tabs/explore_tab/widgets/explore_list_view.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_animate/flutter_animate.dart';
 import 'package:help_me_design/providers/explore_tab_provider/explore_tab_provider.dart';
 import 'package:help_me_design/theme/my_design_system.dart';
 import 'package:help_me_design/theme/my_theme.dart';
@@ -36,7 +37,14 @@ class ExploreListView extends StatelessWidget {
                   : designResourcesCollection.data[i].popularResourceUrl,
               resourcesCount: designResourcesCollection.data[i].resourcesCount.toString(),
               title: designResourcesCollection.data[i].title,
-            ),
+            )
+                .animate()
+                .scaleXY(
+                  begin: 0.2,
+                  alignment: Alignment.bottomLeft,
+                )
+                .then()
+                .saturate(begin: 0, delay: 0.ms, duration: 300.ms)
         ],
       ),
     );

lib/views/widgets/container_pattern_painter.dart

@@ -31,7 +31,7 @@ class InspirationTabPatternPainter extends CustomPainter {
 
   @override
   void paint(Canvas canvas, Size size) {
-    Crosshatch(
+    TexturePattern(
       bgColor: Colors.transparent,
       fgColor: MyColors.actionColor,
       featuresCount: featuresCount,
@@ -51,7 +51,7 @@ class ComponentsTabPatternPainter extends CustomPainter {
 
   @override
   void paint(Canvas canvas, Size size) {
-    TexturePattern(
+    Crosshatch(
       bgColor: Colors.transparent,
       fgColor: MyColors.actionColor,
       featuresCount: featuresCount,

pubspec.lock

@@ -637,6 +637,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "3.0.6"
+  url_strategy:
+    dependency: "direct main"
+    description:
+      name: url_strategy
+      sha256: "42b68b42a9864c4d710401add17ad06e28f1c1d5500c93b98c431f6b0ea4ab87"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.2.0"
   vector_math:
     dependency: transitive
     description:

pubspec.yaml

@@ -54,6 +54,7 @@ dependencies:
   file_picker: ^5.3.1
 
   web_scraper: ^0.1.4
+  url_strategy: ^0.2.0
 
 dev_dependencies:
   flutter_test: