Solar/App
2
2
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

♻️ Replace lucide icons with material symbols

Browse Source
This commit is contained in:
LittleSheep
2025-05-02 12:33:35 +08:00
parent 26093115c4
commit d2c33dde5e
21 changed files with 359 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
lib/screens/account.dart
View File

@ -7,7 +7,7 @@ import 'package:island/pods/userinfo.dart';
import 'package:island/route.gr.dart';
import 'package:island/widgets/app_scaffold.dart';
import 'package:island/widgets/content/cloud_files.dart';
import 'package:lucide_icons/lucide_icons.dart';
import 'package:material_symbols_icons/symbols.dart';
import 'package:styled_widget/styled_widget.dart';
@RoutePage()
@ -76,8 +76,8 @@ class AccountScreen extends HookConsumerWidget {
const Gap(8),
ListTile(
minTileHeight: 48,
leading: const Icon(LucideIcons.bookOpen),
trailing: const Icon(LucideIcons.chevronRight),
leading: const Icon(Symbols.public),
trailing: const Icon(Symbols.chevron_right),
contentPadding: EdgeInsets.symmetric(horizontal: 24),
title: Text('managedPublisher').tr(),
onTap: () {
@ -86,8 +86,8 @@ class AccountScreen extends HookConsumerWidget {
),
ListTile(
minTileHeight: 48,
leading: const Icon(LucideIcons.edit),
trailing: const Icon(LucideIcons.chevronRight),
leading: const Icon(Symbols.edit),
trailing: const Icon(Symbols.chevron_right),
contentPadding: EdgeInsets.symmetric(horizontal: 24),
title: Text('updateYourProfile').tr(),
onTap: () {
@ -97,8 +97,8 @@ class AccountScreen extends HookConsumerWidget {
const Divider(height: 1).padding(vertical: 4),
ListTile(
minTileHeight: 48,
leading: const Icon(LucideIcons.logOut),
trailing: const Icon(LucideIcons.chevronRight),
leading: const Icon(Symbols.logout),
trailing: const Icon(Symbols.chevron_right),
contentPadding: EdgeInsets.symmetric(horizontal: 24),
title: Text('logout').tr(),
onTap: () {
@ -123,8 +123,8 @@ class _UnauthorizedAccountScreen extends StatelessWidget {
body: Column(
children: <Widget>[
ListTile(
leading: const Icon(LucideIcons.userPlus),
trailing: const Icon(LucideIcons.chevronRight),
leading: const Icon(Symbols.person_add),
trailing: const Icon(Symbols.chevron_right),
title: Text('createAccount').tr(),
subtitle: Text('New to here? We got you covered!'),
contentPadding: EdgeInsets.symmetric(horizontal: 24),
@ -133,8 +133,8 @@ class _UnauthorizedAccountScreen extends StatelessWidget {
},
),
ListTile(
leading: const Icon(LucideIcons.logIn),
trailing: const Icon(LucideIcons.chevronRight),
leading: const Icon(Symbols.login),
trailing: const Icon(Symbols.chevron_right),
subtitle: Text('Existing user? We\'re welcome you back!'),
contentPadding: EdgeInsets.symmetric(horizontal: 24),
title: Text('login').tr(),

14
lib/screens/account/me/publishers.dart
View File

@ -15,7 +15,7 @@ import 'package:island/services/file.dart';
import 'package:island/widgets/alert.dart';
import 'package:island/widgets/app_scaffold.dart';
import 'package:island/widgets/content/cloud_files.dart';
import 'package:lucide_icons/lucide_icons.dart';
import 'package:material_symbols_icons/symbols.dart';
import 'package:riverpod_annotation/riverpod_annotation.dart';
import 'package:styled_widget/styled_widget.dart';
@ -50,10 +50,10 @@ class ManagedPublisherScreen extends HookConsumerWidget {
(value) => Column(
children: [
ListTile(
leading: const Icon(LucideIcons.plus),
leading: const Icon(Symbols.add),
title: Text('Create a publisher').tr(),
subtitle: Text('To create posts, collections, etc.'),
trailing: const Icon(LucideIcons.chevronRight),
trailing: const Icon(Symbols.chevron_right),
contentPadding: const EdgeInsets.symmetric(horizontal: 24),
onTap: () {
context.router.push(NewPublisherRoute());
@ -79,7 +79,7 @@ class ManagedPublisherScreen extends HookConsumerWidget {
IconButton(
padding: EdgeInsets.zero,
visualDensity: VisualDensity.compact,
icon: Icon(LucideIcons.trash, size: 16),
icon: Icon(Symbols.delete, size: 16),
onPressed: () {
showConfirmAlert(
'deletePublisherHint'.tr(),
@ -102,7 +102,7 @@ class ManagedPublisherScreen extends HookConsumerWidget {
IconButton(
padding: EdgeInsets.zero,
visualDensity: VisualDensity.compact,
icon: Icon(LucideIcons.edit, size: 16),
icon: Icon(Symbols.edit, size: 16),
onPressed: () {
context.router
.push(
@ -354,12 +354,12 @@ class EditPublisherScreen extends HookConsumerWidget {
background.value = user.value!.profile.background;
},
label: Text('syncPublisher'.tr()),
icon: const Icon(LucideIcons.refreshCcw),
icon: const Icon(Symbols.link),
),
TextButton.icon(
onPressed: submitting.value ? null : performAction,
label: Text('saveChanges'.tr()),
icon: const Icon(LucideIcons.save),
icon: const Icon(Symbols.save),
),
],
),

6
lib/screens/account/me/update.dart
View File

@ -11,7 +11,7 @@ import 'package:island/services/file.dart';
import 'package:island/widgets/alert.dart';
import 'package:island/widgets/app_scaffold.dart';
import 'package:island/widgets/content/cloud_files.dart';
import 'package:lucide_icons/lucide_icons.dart';
import 'package:material_symbols_icons/symbols.dart';
import 'package:styled_widget/styled_widget.dart';
@RoutePage()
@ -195,7 +195,7 @@ class UpdateProfileScreen extends HookConsumerWidget {
child: TextButton.icon(
onPressed: submitting.value ? null : updateBasicInfo,
label: Text('saveChanges').tr(),
icon: const Icon(LucideIcons.save),
icon: const Icon(Symbols.save),
),
),
],
@ -225,7 +225,7 @@ class UpdateProfileScreen extends HookConsumerWidget {
child: TextButton.icon(
onPressed: submitting.value ? null : updateProfile,
label: Text('saveChanges').tr(),
icon: const Icon(LucideIcons.save),
icon: const Icon(Symbols.save),
),
),
],

11
lib/screens/auth/create_account.dart
View File

@ -9,7 +9,7 @@ import 'package:island/pods/network.dart';
import 'package:island/route.gr.dart';
import 'package:island/widgets/alert.dart';
import 'package:island/widgets/app_scaffold.dart';
import 'package:lucide_icons/lucide_icons.dart';
import 'package:material_symbols_icons/symbols.dart';
import 'package:modal_bottom_sheet/modal_bottom_sheet.dart';
import 'package:styled_widget/styled_widget.dart';
import 'package:url_launcher/url_launcher_string.dart';
@ -84,7 +84,7 @@ class CreateAccountScreen extends HookConsumerWidget {
alignment: Alignment.centerLeft,
child: CircleAvatar(
radius: 26,
child: const Icon(LucideIcons.userPlus, size: 28),
child: const Icon(Symbols.person_add, size: 28),
).padding(bottom: 8),
),
Text(
@ -220,10 +220,7 @@ class CreateAccountScreen extends HookConsumerWidget {
children: [
Text('termAcceptLink').tr(),
const Gap(4),
const Icon(
LucideIcons.externalLink,
size: 14,
),
const Icon(Symbols.launch, size: 14),
],
),
onTap: () {
@ -248,7 +245,7 @@ class CreateAccountScreen extends HookConsumerWidget {
mainAxisSize: MainAxisSize.min,
children: [
Text("next").tr(),
const Icon(LucideIcons.chevronRight),
const Icon(Symbols.chevron_right),
],
),
),

18
lib/screens/auth/login.dart
View File

@ -15,7 +15,7 @@ import 'package:island/pods/websocket.dart';
import 'package:island/services/notify.dart';
import 'package:island/widgets/alert.dart';
import 'package:island/widgets/app_scaffold.dart';
import 'package:lucide_icons/lucide_icons.dart';
import 'package:material_symbols_icons/symbols.dart';
import 'package:styled_widget/styled_widget.dart';
import 'package:url_launcher/url_launcher_string.dart';
@ -156,7 +156,7 @@ class _LoginCheckScreen extends HookConsumerWidget {
alignment: Alignment.centerLeft,
child: CircleAvatar(
radius: 26,
child: const Icon(LucideIcons.squareAsterisk, size: 28),
child: const Icon(Symbols.asterisk, size: 28),
).padding(bottom: 8),
),
Text(
@ -191,7 +191,7 @@ class _LoginCheckScreen extends HookConsumerWidget {
mainAxisSize: MainAxisSize.min,
children: [
Text('next').tr(),
const Icon(LucideIcons.chevronRight),
const Icon(Symbols.chevron_right),
],
),
),
@ -256,7 +256,7 @@ class _LoginPickerScreen extends HookConsumerWidget {
alignment: Alignment.centerLeft,
child: CircleAvatar(
radius: 26,
child: const Icon(LucideIcons.lock, size: 28),
child: const Icon(Symbols.lock, size: 28),
).padding(bottom: 8),
),
Text(
@ -274,7 +274,7 @@ class _LoginPickerScreen extends HookConsumerWidget {
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(8)),
),
secondary: const Icon(LucideIcons.shieldQuestion),
secondary: const Icon(Symbols.question_mark),
title: Text('unknown').tr(),
enabled: !ticket!.blacklistFactors.contains(x.id),
value: factorPicked.value == x.id,
@ -304,7 +304,7 @@ class _LoginPickerScreen extends HookConsumerWidget {
mainAxisSize: MainAxisSize.min,
children: [
Text('next'.tr()),
const Icon(LucideIcons.chevronRight),
const Icon(Symbols.chevron_right),
],
),
),
@ -403,7 +403,7 @@ class _LoginLookupScreen extends HookConsumerWidget {
alignment: Alignment.centerLeft,
child: CircleAvatar(
radius: 26,
child: const Icon(LucideIcons.logIn, size: 28),
child: const Icon(Symbols.login, size: 28),
).padding(bottom: 8),
),
Text(
@ -439,7 +439,7 @@ class _LoginLookupScreen extends HookConsumerWidget {
mainAxisSize: MainAxisSize.min,
children: [
Text('next').tr(),
const Icon(LucideIcons.chevronRight),
const Icon(Symbols.chevron_right),
],
),
),
@ -471,7 +471,7 @@ class _LoginLookupScreen extends HookConsumerWidget {
children: [
Text('termAcceptLink'.tr()),
const Gap(4),
const Icon(LucideIcons.externalLink, size: 14),
const Icon(Symbols.launch, size: 14),
],
),
onTap: () {

6
lib/screens/auth/tabs.dart
View File

@ -1,7 +1,7 @@
import 'package:auto_route/auto_route.dart';
import 'package:flutter/material.dart';
import 'package:island/route.gr.dart';
import 'package:lucide_icons/lucide_icons.dart';
import 'package:material_symbols_icons/symbols.dart';
@RoutePage()
class TabsScreen extends StatelessWidget {
@ -23,11 +23,11 @@ class TabsScreen extends StatelessWidget {
destinations: [
NavigationDestination(
label: 'Explore',
icon: const Icon(LucideIcons.compass),
icon: const Icon(Symbols.explore),
),
NavigationDestination(
label: 'Account',
icon: const Icon(LucideIcons.userCircle),
icon: const Icon(Symbols.account_circle),
),
],
),

4
lib/screens/explore.dart
View File

@ -5,7 +5,7 @@ import 'package:island/route.gr.dart';
import 'package:island/widgets/app_scaffold.dart';
import 'package:island/models/post.dart';
import 'package:island/widgets/post/post_item.dart';
import 'package:lucide_icons/lucide_icons.dart';
import 'package:material_symbols_icons/symbols.dart';
import 'package:very_good_infinite_list/very_good_infinite_list.dart';
import 'package:dio/dio.dart';
import 'package:island/pods/network.dart';
@ -28,7 +28,7 @@ class ExploreScreen extends ConsumerWidget {
}
});
},
child: const Icon(LucideIcons.pencil),
child: const Icon(Symbols.edit),
),
floatingActionButtonLocation: FloatingActionButtonLocation.endFloat,
body: postAsync.when(

75
lib/screens/posts/compose.dart
View File

@ -3,8 +3,10 @@ import 'dart:typed_data';
import 'package:auto_route/auto_route.dart';
import 'package:dio/dio.dart';
import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:flutter_quill/flutter_quill.dart';
import 'package:gap/gap.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:image_picker/image_picker.dart';
@ -19,7 +21,7 @@ import 'package:island/widgets/alert.dart';
import 'package:island/widgets/app_scaffold.dart';
import 'package:island/widgets/content/cloud_files.dart';
import 'package:island/widgets/post/publishers_modal.dart';
import 'package:lucide_icons/lucide_icons.dart';
import 'package:material_symbols_icons/symbols.dart';
import 'package:modal_bottom_sheet/modal_bottom_sheet.dart';
import 'package:styled_widget/styled_widget.dart';
@ -82,13 +84,18 @@ class PostComposeScreen extends HookConsumerWidget {
.toList() ??
[],
);
final contentController = useTextEditingController(
text: originalPost?.content,
);
final titleController = useTextEditingController(text: originalPost?.title);
final descriptionController = useTextEditingController(
text: originalPost?.description,
);
final contentController = useMemoized(() => QuillController.basic());
useEffect(() {
if (originalPost?.content != null) {
contentController.document = Document.fromJson(originalPost!.content!);
}
return null;
}, [originalPost]);
final submitting = useState(false);
@ -192,7 +199,7 @@ class PostComposeScreen extends HookConsumerWidget {
await client.request(
originalPost == null ? '/posts' : '/posts/${originalPost!.id}',
data: {
'content': contentController.text,
'content': contentController.document.toDelta().toJson(),
'attachments':
attachments.value
.where((e) => e.isOnCloud)
@ -231,8 +238,8 @@ class PostComposeScreen extends HookConsumerWidget {
),
).center()
: originalPost != null
? const Icon(LucideIcons.edit)
: const Icon(LucideIcons.upload),
? const Icon(Symbols.edit)
: const Icon(Symbols.upload),
),
const Gap(8),
],
@ -269,7 +276,7 @@ class PostComposeScreen extends HookConsumerWidget {
decoration: InputDecoration.collapsed(
hintText: 'Title',
),
style: TextStyle(fontSize: 20),
style: TextStyle(fontSize: 16),
onTapOutside:
(_) =>
FocusManager.instance.primaryFocus?.unfocus(),
@ -279,21 +286,17 @@ class PostComposeScreen extends HookConsumerWidget {
decoration: InputDecoration.collapsed(
hintText: 'Description',
),
style: TextStyle(fontSize: 18),
style: TextStyle(fontSize: 16),
onTapOutside:
(_) =>
FocusManager.instance.primaryFocus?.unfocus(),
),
const Gap(12),
TextField(
QuillEditor.basic(
controller: contentController,
decoration: InputDecoration.collapsed(
hintText: 'What\'s happened?!',
config: QuillEditorConfig(
placeholder: 'postPlaceholder'.tr(),
),
maxLines: null,
onTapOutside:
(_) =>
FocusManager.instance.primaryFocus?.unfocus(),
),
const Gap(8),
Column(
@ -334,17 +337,29 @@ class PostComposeScreen extends HookConsumerWidget {
),
Material(
elevation: 2,
child: Row(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
IconButton(
onPressed: pickPhotoMedia,
icon: const Icon(LucideIcons.imagePlus),
color: Theme.of(context).colorScheme.primary,
SingleChildScrollView(
scrollDirection: Axis.horizontal,
child: QuillSimpleToolbar(
controller: contentController,
config: QuillSimpleToolbarConfig(showFontFamily: false),
),
),
IconButton(
onPressed: pickVideoMedia,
icon: const Icon(LucideIcons.fileVideo2),
color: Theme.of(context).colorScheme.primary,
Row(
children: [
IconButton(
onPressed: pickPhotoMedia,
icon: const Icon(Symbols.add_a_photo),
color: Theme.of(context).colorScheme.primary,
),
IconButton(
onPressed: pickVideoMedia,
icon: const Icon(Symbols.videocam),
color: Theme.of(context).colorScheme.primary,
),
],
),
],
).padding(
@ -447,7 +462,7 @@ class _AttachmentPreview extends StatelessWidget {
InkWell(
borderRadius: BorderRadius.circular(8),
child: const Icon(
LucideIcons.trash,
Symbols.delete,
size: 14,
color: Colors.white,
).padding(horizontal: 8, vertical: 6),
@ -466,7 +481,7 @@ class _AttachmentPreview extends StatelessWidget {
InkWell(
borderRadius: BorderRadius.circular(8),
child: const Icon(
LucideIcons.arrowUp,
Symbols.keyboard_arrow_up,
size: 14,
color: Colors.white,
).padding(horizontal: 8, vertical: 6),
@ -477,7 +492,7 @@ class _AttachmentPreview extends StatelessWidget {
InkWell(
borderRadius: BorderRadius.circular(8),
child: const Icon(
LucideIcons.arrowDown,
Symbols.keyboard_arrow_down,
size: 14,
color: Colors.white,
).padding(horizontal: 8, vertical: 6),
@ -510,7 +525,7 @@ class _AttachmentPreview extends StatelessWidget {
mainAxisSize: MainAxisSize.min,
children: [
Icon(
LucideIcons.cloud,
Symbols.cloud,
size: 16,
color: Colors.white,
),
@ -525,7 +540,7 @@ class _AttachmentPreview extends StatelessWidget {
mainAxisSize: MainAxisSize.min,
children: [
Icon(
LucideIcons.cloudOff,
Symbols.cloud_off,
size: 16,
color: Colors.white,
),