[READ ONLY MIRROR] Open Source TikTok alternative built on AT Protocol
github.com/sprksocial/client
flutter
atproto
video
dart
new gear icon
+16
-5
+3
assets/icons/gear.svg
+3
assets/icons/gear.svg
···
1
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+
<path d="M10.582 1.4541C11.2494 0.57403 12.5311 0.51911 13.2754 1.28906L13.417 1.4541L14.166 2.44238C14.8823 3.38697 16.0525 3.86911 17.2256 3.70801L18.4541 3.54102H18.4551C19.6221 3.38089 20.6192 4.37806 20.459 5.54492L20.29 6.77344C20.1388 7.87384 20.5555 8.97077 21.3857 9.69336L21.5576 9.83301L22.5459 10.582C23.426 11.2494 23.4809 12.532 22.7109 13.2764L22.5459 13.418L21.5576 14.167C20.6137 14.8828 20.1287 16.0526 20.29 17.2266L20.459 18.4551C20.6192 19.6219 19.6221 20.6191 18.4551 20.459L17.2266 20.29C16.1262 20.1387 15.0285 20.5552 14.3057 21.3857L14.166 21.5576L13.417 22.5459C12.7496 23.4259 11.4678 23.4808 10.7236 22.7109L10.582 22.5459L9.83301 21.5576C9.1173 20.6139 7.94795 20.1291 6.77441 20.29H6.77344L5.54492 20.459C4.37761 20.6192 3.37991 19.6217 3.54004 18.4551L3.70898 17.2266C3.8704 16.0525 3.38548 14.8828 2.44141 14.167L1.4541 13.418C0.515299 12.7061 0.515295 11.2939 1.4541 10.582L2.44141 9.83301C3.38547 9.11717 3.87032 7.94737 3.70898 6.77344L3.54004 5.54492C3.37987 4.37831 4.37757 3.38075 5.54492 3.54102H5.5459L6.77441 3.70898C7.87404 3.85986 8.97057 3.44459 9.69336 2.61426L9.83301 2.44238L10.582 1.4541ZM11.9561 7.34277C9.40828 7.34278 7.34278 9.40828 7.34277 11.9561C7.34297 14.5036 9.40832 16.5693 11.9561 16.5693C14.5035 16.5691 16.5691 14.5035 16.5693 11.9561C16.5693 9.40832 14.5036 7.343 11.9561 7.34277Z" stroke="white" stroke-width="1.5"/>
3
+
</svg>
+7
lib/src/core/design_system/components/atoms/icons.dart
+7
lib/src/core/design_system/components/atoms/icons.dart
···
404
404
colorFilter: color != null ? ColorFilter.mode(color, BlendMode.srcIn) : null,
405
405
package: 'assets',
406
406
);
407
+
static Widget gear({double size = 24, Color? color}) => SvgPicture.asset(
408
+
'$_path/gear.svg',
409
+
width: size,
410
+
height: size,
411
+
colorFilter: color != null ? ColorFilter.mode(color, BlendMode.srcIn) : null,
412
+
package: 'assets',
413
+
);
407
414
}
+1
-1
lib/src/features/profile/ui/pages/profile_page.dart
+1
-1
lib/src/features/profile/ui/pages/profile_page.dart
···
289
289
child: IconButton(
290
290
padding: EdgeInsets.zero,
291
291
onPressed: () => context.router.push(const ProfileSettingsRoute()),
292
-
icon: Icon(FluentIcons.options_24_regular, color: colorScheme.onSurface),
292
+
icon: AppIcons.gear(color: colorScheme.onSurface),
293
293
),
294
294
)
295
295
else
+2
-2
lib/src/features/settings/ui/pages/labeler_management_page.dart
+2
-2
lib/src/features/settings/ui/pages/labeler_management_page.dart
···
3
3
import 'package:flutter/material.dart';
4
4
import 'package:flutter_riverpod/flutter_riverpod.dart';
5
5
import 'package:get_it/get_it.dart';
6
+
import 'package:sparksocial/src/core/design_system/components/atoms/icons.dart';
6
7
import 'package:sparksocial/src/core/network/atproto/data/models/actor_models.dart';
7
8
import 'package:sparksocial/src/core/network/atproto/data/repositories/actor_repository.dart';
8
9
import 'package:sparksocial/src/core/network/atproto/data/repositories/sprk_repository.dart';
···
371
372
IconButton(
372
373
padding: EdgeInsets.zero,
373
374
constraints: const BoxConstraints(),
374
-
icon: const Icon(Icons.settings_outlined),
375
-
color: colorScheme.onSurface,
375
+
icon: AppIcons.gear(color: colorScheme.onSurface),
376
376
onPressed: () {
377
377
context.router.push(LabelerLabelSettingsRoute(did: did));
378
378
},
+3
-2
widgetbook/lib/templates/profile_page_template.dart
+3
-2
widgetbook/lib/templates/profile_page_template.dart
···
1
1
import 'package:fluentui_system_icons/fluentui_system_icons.dart';
2
2
import 'package:flutter/material.dart';
3
+
import 'package:sparksocial/src/core/design_system/components/atoms/icons.dart';
3
4
import 'package:sparksocial/src/core/design_system/templates/profile_page_template.dart';
4
5
import 'package:widgetbook/widgetbook.dart';
5
6
import 'package:widgetbook_annotation/widgetbook_annotation.dart';
···
41
42
onAddStoryTap: () => print('Add story tapped'),
42
43
appBarActions: [
43
44
IconButton(
44
-
icon: const Icon(FluentIcons.options_24_regular),
45
+
icon: AppIcons.gear(color: Theme.of(context).colorScheme.onSurface),
45
46
onPressed: () => print('Settings tapped'),
46
47
),
47
48
],
···
109
110
onAddStoryTap: () => print('Add story tapped'),
110
111
appBarActions: [
111
112
IconButton(
112
-
icon: const Icon(FluentIcons.options_24_regular),
113
+
icon: AppIcons.gear(color: Theme.of(context).colorScheme.onSurface),
113
114
onPressed: () => print('Settings tapped'),
114
115
),
115
116
],