[READ ONLY MIRROR] Open Source TikTok alternative built on AT Protocol github.com/sprksocial/client
flutter atproto video dart
10
fork

Configure Feed

Select the types of activity you want to include in your feed.

new gear icon

+16 -5
+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
··· 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
··· 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
··· 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
··· 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 ],