separate images assets from svg icons assets

Author: mkhoirulwafa18

assets/icons/bg-pattern.svg

@@ -40,6 +40,7 @@ class AppView extends StatelessWidget {
         builder: (context, themeMode) {
           return MaterialApp(
             debugShowCheckedModeBanner: false,
+            // showPerformanceOverlay: true,
             theme: AppTheme.lightTheme,
             darkTheme: AppTheme.darkTheme,
             themeMode: themeMode,

assets/images/bg-pattern.png

@@ -45,15 +45,15 @@ class BasePage extends StatelessWidget {
                 left: 0,
                 right: 0,
                 bottom: 0,
-                child: Assets.icons.bgPattern
-                    .svg(color: Theme.of(context).colorScheme.onSurface.withOpacity(.03), fit: BoxFit.fitHeight),
+                child: Assets.images.bgPattern
+                    .image(color: Theme.of(context).colorScheme.onSurface.withOpacity(.03), fit: BoxFit.fitHeight),
               ),
             ],
             if (accentBackground ?? true) ...[
               Positioned(
                 top: -MediaQuery.of(context).size.width / 4,
                 right: -MediaQuery.of(context).size.width / 4,
-                child: Assets.icons.pattern.svg(
+                child: Assets.images.pattern.image(
                   color: Theme.of(context).colorScheme.onSurface.withOpacity(.2),
                   width: MediaQuery.of(context).size.width / 1.3,
                 ),

assets/icons/compass.png renamed to assets/images/compass.png

@@ -54,7 +54,7 @@ class _HeaderCardState extends State<HeaderCard> {
     return Container(
       width: MediaQuery.of(context).size.width / 1.15,
       decoration: BoxDecoration(
-        image: DecorationImage(image: Assets.icons.mosque.provider(), fit: BoxFit.cover),
+        image: DecorationImage(image: Assets.images.mosque.provider(), fit: BoxFit.cover),
         borderRadius: BorderRadius.circular(20),
         boxShadow: [
           BoxShadow(

assets/icons/mosque.jpg renamed to assets/images/mosque.jpg

@@ -37,7 +37,7 @@ class MenuList extends StatelessWidget {
             ),
             item: MenuItem(
               title: l10n.qiblaDirection,
-              icon: Assets.icons.compassPng.image(width: 50, height: 50),
+              icon: Assets.images.compass.image(width: 50, height: 50),
             ),
           ),
           GridItem(
@@ -59,7 +59,7 @@ class MenuList extends StatelessWidget {
             ),
             item: MenuItem(
               title: l10n.shalatTime,
-              icon: Assets.icons.shalatPng.image(width: 50, height: 50),
+              icon: Assets.images.shalat.image(width: 50, height: 50),
             ),
           ),
           GridItem(
@@ -80,7 +80,7 @@ class MenuList extends StatelessWidget {
             onTap: () => Navigator.pushNamed(context, '/settings'),
             item: MenuItem(
               title: l10n.settings,
-              icon: Assets.icons.setting.image(width: 50, height: 50),
+              icon: Assets.images.setting.image(width: 50, height: 50),
             ),
           ),
         ],

assets/images/pattern.png

@@ -83,7 +83,7 @@ class QiblahCompassWidget extends StatelessWidget {
             children: <Widget>[
               Transform.rotate(
                 angle: qiblahDirection.direction * (pi / 180) * -1,
-                child: Assets.icons.compassSvg.svg(),
+                child: Assets.icons.compass.svg(),
               ),
               Transform.rotate(
                 angle: qiblahDirection.qiblah * (pi / 180) * -1,

assets/icons/setting.png renamed to assets/images/setting.png

@@ -151,7 +151,7 @@ class SettingsPage extends StatelessWidget {
                           value: context.watch<AppThemeCubit>().state == ThemeMode.dark,
                           activeTrackColor: colorScheme.secondary,
                           activeColor: colorScheme.primary,
-                          activeThumbImage: Assets.icons.mosque.provider(),
+                          activeThumbImage: Assets.images.mosque.provider(),
                           onChanged: (value) {
                             context.read<AppThemeCubit>().toggleTheme();
                           },

assets/icons/shalat.png renamed to assets/images/shalat.png

@@ -43,7 +43,7 @@ void showPreferencesDialog(
                       value: context.watch<AppThemeCubit>().state == ThemeMode.dark,
                       activeTrackColor: colorScheme.secondary,
                       activeColor: colorScheme.primary,
-                      activeThumbImage: Assets.icons.mosque.provider(),
+                      activeThumbImage: Assets.images.mosque.provider(),
                       onChanged: (value) {
                         context.read<AppThemeCubit>().toggleTheme();
                       },