diff --git a/frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/file/file_block_component.dart b/frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/file/file_block_component.dart index 140506fc48..dc02b68503 100644 --- a/frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/file/file_block_component.dart +++ b/frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/file/file_block_component.dart @@ -208,7 +208,9 @@ class FileBlockComponentState extends State child: Row( children: [ const HSpace(10), - const Icon(Icons.upload_file_outlined), + FlowySvg(FlowySvgs.slash_menu_icon_file_s, + color: Theme.of(context).hintColor, + size: const Size.square(24),), const HSpace(10), ..._buildTrailing(context), ], @@ -348,6 +350,7 @@ class FileBlockComponentState extends State ? LocaleKeys.document_plugins_file_placeholderDragging.tr() : LocaleKeys.document_plugins_file_placeholderText.tr(), overflow: TextOverflow.ellipsis, + color: Theme.of(context).hintColor, ), ), ]; diff --git a/frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/image/image_placeholder.dart b/frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/image/image_placeholder.dart index 27b4f2f992..6e3941a584 100644 --- a/frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/image/image_placeholder.dart +++ b/frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/image/image_placeholder.dart @@ -71,9 +71,10 @@ class ImagePlaceholderState extends State { child: Row( children: [ const HSpace(10), - const FlowySvg( - FlowySvgs.image_placeholder_s, - size: Size.square(24), + FlowySvg( + FlowySvgs.slash_menu_icon_image_s, + size: const Size.square(24), + color: Theme.of(context).hintColor, ), const HSpace(10), ..._buildTrailing(context), @@ -187,12 +188,12 @@ class ImagePlaceholderState extends State { return [ Flexible( child: FlowyText( - PlatformExtension.isDesktop - ? isDraggingFiles - ? LocaleKeys.document_plugins_image_dropImageToInsert.tr() - : LocaleKeys.document_plugins_image_addAnImageDesktop.tr() - : LocaleKeys.document_plugins_image_addAnImageMobile.tr(), - ), + PlatformExtension.isDesktop + ? isDraggingFiles + ? LocaleKeys.document_plugins_image_dropImageToInsert.tr() + : LocaleKeys.document_plugins_image_addAnImageDesktop.tr() + : LocaleKeys.document_plugins_image_addAnImageMobile.tr(), + color: Theme.of(context).hintColor,), ), ]; } diff --git a/frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/image/multi_image_block_component/multi_image_placeholder.dart b/frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/image/multi_image_block_component/multi_image_placeholder.dart index cdad9fe039..ba4c779928 100644 --- a/frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/image/multi_image_block_component/multi_image_placeholder.dart +++ b/frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/image/multi_image_block_component/multi_image_placeholder.dart @@ -3,6 +3,7 @@ import 'dart:io'; import 'package:flutter/material.dart'; import 'package:appflowy/generated/locale_keys.g.dart'; +import 'package:appflowy/generated/flowy_svgs.g.dart'; import 'package:appflowy/mobile/presentation/bottom_sheet/show_mobile_bottom_sheet.dart'; import 'package:appflowy/plugins/document/application/document_bloc.dart'; import 'package:appflowy/plugins/document/application/document_service.dart'; @@ -66,17 +67,19 @@ class MultiImagePlaceholderState extends State { padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 12), child: Row( children: [ - const Icon(Icons.photo_library_outlined, size: 24), + FlowySvg(FlowySvgs.slash_menu_icon_photo_gallery_s, + color: Theme.of(context).hintColor, + size: const Size.square(24),), const HSpace(10), FlowyText( - PlatformExtension.isDesktop - ? isDraggingFiles - ? LocaleKeys.document_plugins_image_dropImageToInsert - .tr() - : LocaleKeys.document_plugins_image_addAnImageDesktop - .tr() - : LocaleKeys.document_plugins_image_addAnImageMobile.tr(), - ), + PlatformExtension.isDesktop + ? isDraggingFiles + ? LocaleKeys.document_plugins_image_dropImageToInsert + .tr() + : LocaleKeys.document_plugins_image_addAnImageDesktop + .tr() + : LocaleKeys.document_plugins_image_addAnImageMobile.tr(), + color: Theme.of(context).hintColor,), ], ), ), diff --git a/frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/math_equation/math_equation_block_component.dart b/frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/math_equation/math_equation_block_component.dart index 8fe381ca8e..b5631735e5 100644 --- a/frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/math_equation/math_equation_block_component.dart +++ b/frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/math_equation/math_equation_block_component.dart @@ -173,11 +173,12 @@ class MathEquationBlockComponentWidgetState child: Row( children: [ const HSpace(10), - const Icon(Icons.text_fields_outlined), + FlowySvg(FlowySvgs.slash_menu_icon_math_equation_s, + color: Theme.of(context).hintColor, size: const Size.square(24),), const HSpace(10), FlowyText( - LocaleKeys.document_plugins_mathEquation_addMathEquation.tr(), - ), + LocaleKeys.document_plugins_mathEquation_addMathEquation.tr(), + color: Theme.of(context).hintColor,), ], ), ); diff --git a/frontend/appflowy_flutter/lib/workspace/presentation/widgets/float_bubble/social_media_section.dart b/frontend/appflowy_flutter/lib/workspace/presentation/widgets/float_bubble/social_media_section.dart index dd7c17e7ac..d5b70cd233 100644 --- a/frontend/appflowy_flutter/lib/workspace/presentation/widgets/float_bubble/social_media_section.dart +++ b/frontend/appflowy_flutter/lib/workspace/presentation/widgets/float_bubble/social_media_section.dart @@ -86,9 +86,9 @@ extension QuestionBubbleExtension on SocialMedia { case SocialMedia.forum: return "Community Forum"; case SocialMedia.twitter: - return "Twitter - @appflowy"; + return "Twitter – @appflowy"; case SocialMedia.reddit: - return "Reddit - r/appflowy"; + return "Reddit – r/appflowy"; } } diff --git a/frontend/resources/flowy_icons/16x/file_upload.svg b/frontend/resources/flowy_icons/16x/file_upload.svg new file mode 100644 index 0000000000..7df55f8984 --- /dev/null +++ b/frontend/resources/flowy_icons/16x/file_upload.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/frontend/resources/translations/en.json b/frontend/resources/translations/en.json index d0e8a41b89..1b1142caba 100644 --- a/frontend/resources/translations/en.json +++ b/frontend/resources/translations/en.json @@ -1579,9 +1579,9 @@ "depth": "Depth" }, "image": { - "addAnImage": "Add an image", + "addAnImage": "Add images", "copiedToPasteBoard": "The image link has been copied to the clipboard", - "addAnImageDesktop": "Drop image(s) or click to add image(s)", + "addAnImageDesktop": "Add an image", "addAnImageMobile": "Click to add one or more images", "dropImageToInsert": "Drop images to insert", "imageUploadFailed": "Image upload failed", @@ -1650,7 +1650,7 @@ "name": "File", "uploadTab": "Upload", "networkTab": "Embed link", - "placeholderText": "Click or drag and drop to upload a file", + "placeholderText": "Upload or embed a file", "placeholderDragging": "Drop the file to upload", "dropFileToUpload": "Drop the file to upload", "fileUploadHint": "Drag and drop a file here\nor click to select a file.",