feat: Add PhotoExif model and dialog for displaying EXIF data in gallery photos

lib/models/gallery_photo.dart

···
 
 import 'aspect_ratio.dart';
 import 'gallery_state.dart';
+import 'photo_exif.dart';
 
 part 'gallery_photo.freezed.dart';
 part 'gallery_photo.g.dart';
···
     String? alt,
     AspectRatio? aspectRatio,
     GalleryState? gallery,
+    PhotoExif? exif,
   }) = _GalleryPhoto;
 
   factory GalleryPhoto.fromJson(Map<String, dynamic> json) => _$GalleryPhotoFromJson(json);

lib/models/gallery_photo.freezed.dart

···
   String? get alt => throw _privateConstructorUsedError;
   AspectRatio? get aspectRatio => throw _privateConstructorUsedError;
   GalleryState? get gallery => throw _privateConstructorUsedError;
+  PhotoExif? get exif => throw _privateConstructorUsedError;
 
   /// Serializes this GalleryPhoto to a JSON map.
   Map<String, dynamic> toJson() => throw _privateConstructorUsedError;
···
     String? alt,
     AspectRatio? aspectRatio,
     GalleryState? gallery,
+    PhotoExif? exif,
   });
 
   $AspectRatioCopyWith<$Res>? get aspectRatio;
   $GalleryStateCopyWith<$Res>? get gallery;
+  $PhotoExifCopyWith<$Res>? get exif;
 }
 
 /// @nodoc
···
     Object? alt = freezed,
     Object? aspectRatio = freezed,
     Object? gallery = freezed,
+    Object? exif = freezed,
   }) {
     return _then(
       _value.copyWith(
···
                 ? _value.gallery
                 : gallery // ignore: cast_nullable_to_non_nullable
                       as GalleryState?,
+            exif: freezed == exif
+                ? _value.exif
+                : exif // ignore: cast_nullable_to_non_nullable
+                      as PhotoExif?,
           )
           as $Val,
     );
···
       return _then(_value.copyWith(gallery: value) as $Val);
     });
   }
+
+  /// Create a copy of GalleryPhoto
+  /// with the given fields replaced by the non-null parameter values.
+  @override
+  @pragma('vm:prefer-inline')
+  $PhotoExifCopyWith<$Res>? get exif {
+    if (_value.exif == null) {
+      return null;
+    }
+
+    return $PhotoExifCopyWith<$Res>(_value.exif!, (value) {
+      return _then(_value.copyWith(exif: value) as $Val);
+    });
+  }
 }
 
 /// @nodoc
···
     String? alt,
     AspectRatio? aspectRatio,
     GalleryState? gallery,
+    PhotoExif? exif,
   });
 
   @override
   $AspectRatioCopyWith<$Res>? get aspectRatio;
   @override
   $GalleryStateCopyWith<$Res>? get gallery;
+  @override
+  $PhotoExifCopyWith<$Res>? get exif;
 }
 
 /// @nodoc
···
     Object? alt = freezed,
     Object? aspectRatio = freezed,
     Object? gallery = freezed,
+    Object? exif = freezed,
   }) {
     return _then(
       _$GalleryPhotoImpl(
···
             ? _value.gallery
             : gallery // ignore: cast_nullable_to_non_nullable
                   as GalleryState?,
+        exif: freezed == exif
+            ? _value.exif
+            : exif // ignore: cast_nullable_to_non_nullable
+                  as PhotoExif?,
       ),
     );
   }
···
     this.alt,
     this.aspectRatio,
     this.gallery,
+    this.exif,
   });
 
   factory _$GalleryPhotoImpl.fromJson(Map<String, dynamic> json) =>
···
   final AspectRatio? aspectRatio;
   @override
   final GalleryState? gallery;
+  @override
+  final PhotoExif? exif;
 
   @override
   String toString() {
-    return 'GalleryPhoto(uri: $uri, cid: $cid, thumb: $thumb, fullsize: $fullsize, alt: $alt, aspectRatio: $aspectRatio, gallery: $gallery)';
+    return 'GalleryPhoto(uri: $uri, cid: $cid, thumb: $thumb, fullsize: $fullsize, alt: $alt, aspectRatio: $aspectRatio, gallery: $gallery, exif: $exif)';
   }
 
   @override
···
             (identical(other.alt, alt) || other.alt == alt) &&
             (identical(other.aspectRatio, aspectRatio) ||
                 other.aspectRatio == aspectRatio) &&
-            (identical(other.gallery, gallery) || other.gallery == gallery));
+            (identical(other.gallery, gallery) || other.gallery == gallery) &&
+            (identical(other.exif, exif) || other.exif == exif));
   }
 
   @JsonKey(includeFromJson: false, includeToJson: false)
···
     alt,
     aspectRatio,
     gallery,
+    exif,
   );
 
   /// Create a copy of GalleryPhoto
···
     final String? alt,
     final AspectRatio? aspectRatio,
     final GalleryState? gallery,
+    final PhotoExif? exif,
   }) = _$GalleryPhotoImpl;
 
   factory _GalleryPhoto.fromJson(Map<String, dynamic> json) =
···
   AspectRatio? get aspectRatio;
   @override
   GalleryState? get gallery;
+  @override
+  PhotoExif? get exif;
 
   /// Create a copy of GalleryPhoto
   /// with the given fields replaced by the non-null parameter values.

lib/models/gallery_photo.g.dart

···
       gallery: json['gallery'] == null
           ? null
           : GalleryState.fromJson(json['gallery'] as Map<String, dynamic>),
+      exif: json['exif'] == null
+          ? null
+          : PhotoExif.fromJson(json['exif'] as Map<String, dynamic>),
     );
 
 Map<String, dynamic> _$$GalleryPhotoImplToJson(_$GalleryPhotoImpl instance) =>
···
       'alt': instance.alt,
       'aspectRatio': instance.aspectRatio,
       'gallery': instance.gallery,
+      'exif': instance.exif,
     };

lib/models/photo_exif.dart

···
   const factory PhotoExif({
     required String photo, // at-uri
     required String createdAt, // datetime
+    String? uri, // at-uri
+    String? cid, // cid
     String? dateTimeOriginal, // datetime
-    int? exposureTime,
-    int? fNumber,
+    String? exposureTime,
+    String? fNumber,
     String? flash,
-    int? focalLengthIn35mmFormat,
+    String? focalLengthIn35mmFormat,
     int? iSO,
     String? lensMake,
     String? lensModel,

lib/models/photo_exif.freezed.dart

···
 mixin _$PhotoExif {
   String get photo => throw _privateConstructorUsedError; // at-uri
   String get createdAt => throw _privateConstructorUsedError; // datetime
+  String? get uri => throw _privateConstructorUsedError; // at-uri
+  String? get cid => throw _privateConstructorUsedError; // cid
   String? get dateTimeOriginal =>
       throw _privateConstructorUsedError; // datetime
-  int? get exposureTime => throw _privateConstructorUsedError;
-  int? get fNumber => throw _privateConstructorUsedError;
+  String? get exposureTime => throw _privateConstructorUsedError;
+  String? get fNumber => throw _privateConstructorUsedError;
   String? get flash => throw _privateConstructorUsedError;
-  int? get focalLengthIn35mmFormat => throw _privateConstructorUsedError;
+  String? get focalLengthIn35mmFormat => throw _privateConstructorUsedError;
   int? get iSO => throw _privateConstructorUsedError;
   String? get lensMake => throw _privateConstructorUsedError;
   String? get lensModel => throw _privateConstructorUsedError;
···
   $Res call({
     String photo,
     String createdAt,
+    String? uri,
+    String? cid,
     String? dateTimeOriginal,
-    int? exposureTime,
-    int? fNumber,
+    String? exposureTime,
+    String? fNumber,
     String? flash,
-    int? focalLengthIn35mmFormat,
+    String? focalLengthIn35mmFormat,
     int? iSO,
     String? lensMake,
     String? lensModel,
···
   $Res call({
     Object? photo = null,
     Object? createdAt = null,
+    Object? uri = freezed,
+    Object? cid = freezed,
     Object? dateTimeOriginal = freezed,
     Object? exposureTime = freezed,
     Object? fNumber = freezed,
···
                 ? _value.createdAt
                 : createdAt // ignore: cast_nullable_to_non_nullable
                       as String,
+            uri: freezed == uri
+                ? _value.uri
+                : uri // ignore: cast_nullable_to_non_nullable
+                      as String?,
+            cid: freezed == cid
+                ? _value.cid
+                : cid // ignore: cast_nullable_to_non_nullable
+                      as String?,
             dateTimeOriginal: freezed == dateTimeOriginal
                 ? _value.dateTimeOriginal
                 : dateTimeOriginal // ignore: cast_nullable_to_non_nullable
···
             exposureTime: freezed == exposureTime
                 ? _value.exposureTime
                 : exposureTime // ignore: cast_nullable_to_non_nullable
-                      as int?,
+                      as String?,
             fNumber: freezed == fNumber
                 ? _value.fNumber
                 : fNumber // ignore: cast_nullable_to_non_nullable
-                      as int?,
+                      as String?,
             flash: freezed == flash
                 ? _value.flash
                 : flash // ignore: cast_nullable_to_non_nullable
···
             focalLengthIn35mmFormat: freezed == focalLengthIn35mmFormat
                 ? _value.focalLengthIn35mmFormat
                 : focalLengthIn35mmFormat // ignore: cast_nullable_to_non_nullable
-                      as int?,
+                      as String?,
             iSO: freezed == iSO
                 ? _value.iSO
                 : iSO // ignore: cast_nullable_to_non_nullable
···
   $Res call({
     String photo,
     String createdAt,
+    String? uri,
+    String? cid,
     String? dateTimeOriginal,
-    int? exposureTime,
-    int? fNumber,
+    String? exposureTime,
+    String? fNumber,
     String? flash,
-    int? focalLengthIn35mmFormat,
+    String? focalLengthIn35mmFormat,
     int? iSO,
     String? lensMake,
     String? lensModel,
···
   $Res call({
     Object? photo = null,
     Object? createdAt = null,
+    Object? uri = freezed,
+    Object? cid = freezed,
     Object? dateTimeOriginal = freezed,
     Object? exposureTime = freezed,
     Object? fNumber = freezed,
···
             ? _value.createdAt
             : createdAt // ignore: cast_nullable_to_non_nullable
                   as String,
+        uri: freezed == uri
+            ? _value.uri
+            : uri // ignore: cast_nullable_to_non_nullable
+                  as String?,
+        cid: freezed == cid
+            ? _value.cid
+            : cid // ignore: cast_nullable_to_non_nullable
+                  as String?,
         dateTimeOriginal: freezed == dateTimeOriginal
             ? _value.dateTimeOriginal
             : dateTimeOriginal // ignore: cast_nullable_to_non_nullable
···
         exposureTime: freezed == exposureTime
             ? _value.exposureTime
             : exposureTime // ignore: cast_nullable_to_non_nullable
-                  as int?,
+                  as String?,
         fNumber: freezed == fNumber
             ? _value.fNumber
             : fNumber // ignore: cast_nullable_to_non_nullable
-                  as int?,
+                  as String?,
         flash: freezed == flash
             ? _value.flash
             : flash // ignore: cast_nullable_to_non_nullable
···
         focalLengthIn35mmFormat: freezed == focalLengthIn35mmFormat
             ? _value.focalLengthIn35mmFormat
             : focalLengthIn35mmFormat // ignore: cast_nullable_to_non_nullable
-                  as int?,
+                  as String?,
         iSO: freezed == iSO
             ? _value.iSO
             : iSO // ignore: cast_nullable_to_non_nullable
···
   const _$PhotoExifImpl({
     required this.photo,
     required this.createdAt,
+    this.uri,
+    this.cid,
     this.dateTimeOriginal,
     this.exposureTime,
     this.fNumber,
···
   final String createdAt;
   // datetime
   @override
+  final String? uri;
+  // at-uri
+  @override
+  final String? cid;
+  // cid
+  @override
   final String? dateTimeOriginal;
   // datetime
   @override
-  final int? exposureTime;
+  final String? exposureTime;
   @override
-  final int? fNumber;
+  final String? fNumber;
   @override
   final String? flash;
   @override
-  final int? focalLengthIn35mmFormat;
+  final String? focalLengthIn35mmFormat;
   @override
   final int? iSO;
   @override
···
 
   @override
   String toString() {
-    return 'PhotoExif(photo: $photo, createdAt: $createdAt, dateTimeOriginal: $dateTimeOriginal, exposureTime: $exposureTime, fNumber: $fNumber, flash: $flash, focalLengthIn35mmFormat: $focalLengthIn35mmFormat, iSO: $iSO, lensMake: $lensMake, lensModel: $lensModel, make: $make, model: $model)';
+    return 'PhotoExif(photo: $photo, createdAt: $createdAt, uri: $uri, cid: $cid, dateTimeOriginal: $dateTimeOriginal, exposureTime: $exposureTime, fNumber: $fNumber, flash: $flash, focalLengthIn35mmFormat: $focalLengthIn35mmFormat, iSO: $iSO, lensMake: $lensMake, lensModel: $lensModel, make: $make, model: $model)';
   }
 
   @override
···
             (identical(other.photo, photo) || other.photo == photo) &&
             (identical(other.createdAt, createdAt) ||
                 other.createdAt == createdAt) &&
+            (identical(other.uri, uri) || other.uri == uri) &&
+            (identical(other.cid, cid) || other.cid == cid) &&
             (identical(other.dateTimeOriginal, dateTimeOriginal) ||
                 other.dateTimeOriginal == dateTimeOriginal) &&
             (identical(other.exposureTime, exposureTime) ||
···
     runtimeType,
     photo,
     createdAt,
+    uri,
+    cid,
     dateTimeOriginal,
     exposureTime,
     fNumber,
···
   const factory _PhotoExif({
     required final String photo,
     required final String createdAt,
+    final String? uri,
+    final String? cid,
     final String? dateTimeOriginal,
-    final int? exposureTime,
-    final int? fNumber,
+    final String? exposureTime,
+    final String? fNumber,
     final String? flash,
-    final int? focalLengthIn35mmFormat,
+    final String? focalLengthIn35mmFormat,
     final int? iSO,
     final String? lensMake,
     final String? lensModel,
···
   @override
   String get createdAt; // datetime
   @override
+  String? get uri; // at-uri
+  @override
+  String? get cid; // cid
+  @override
   String? get dateTimeOriginal; // datetime
   @override
-  int? get exposureTime;
+  String? get exposureTime;
   @override
-  int? get fNumber;
+  String? get fNumber;
   @override
   String? get flash;
   @override
-  int? get focalLengthIn35mmFormat;
+  String? get focalLengthIn35mmFormat;
   @override
   int? get iSO;
   @override

lib/models/photo_exif.g.dart

···
     _$PhotoExifImpl(
       photo: json['photo'] as String,
       createdAt: json['createdAt'] as String,
+      uri: json['uri'] as String?,
+      cid: json['cid'] as String?,
       dateTimeOriginal: json['dateTimeOriginal'] as String?,
-      exposureTime: (json['exposureTime'] as num?)?.toInt(),
-      fNumber: (json['fNumber'] as num?)?.toInt(),
+      exposureTime: json['exposureTime'] as String?,
+      fNumber: json['fNumber'] as String?,
       flash: json['flash'] as String?,
-      focalLengthIn35mmFormat: (json['focalLengthIn35mmFormat'] as num?)
-          ?.toInt(),
+      focalLengthIn35mmFormat: json['focalLengthIn35mmFormat'] as String?,
       iSO: (json['iSO'] as num?)?.toInt(),
       lensMake: json['lensMake'] as String?,
       lensModel: json['lensModel'] as String?,
···
     <String, dynamic>{
       'photo': instance.photo,
       'createdAt': instance.createdAt,
+      'uri': instance.uri,
+      'cid': instance.cid,
       'dateTimeOriginal': instance.dateTimeOriginal,
       'exposureTime': instance.exposureTime,
       'fNumber': instance.fNumber,

lib/providers/gallery_cache_provider.g.dart

···
 // RiverpodGenerator
 // **************************************************************************
 
-String _$galleryCacheHash() => r'00313970bd3f1f3b181afc2bc69dd77f0d9fdf8b';
+String _$galleryCacheHash() => r'cd0665a1f246bd700195cf5ce50893ba73b878f9';
 
 /// Holds a cache of galleries by URI.
 ///

lib/widgets/gallery_photo_view.dart

···
 import 'package:grain/widgets/add_comment_button.dart';
 import 'package:grain/widgets/add_comment_sheet.dart';
 import 'package:grain/widgets/app_image.dart';
+import 'package:grain/widgets/photo_exif_dialog.dart';
 
 class GalleryPhotoView extends ConsumerStatefulWidget {
   final List<GalleryPhoto> photos;
···
                   top: false,
                   child: Padding(
                     padding: const EdgeInsets.only(top: 8, left: 16, right: 16, bottom: 8),
-                    child: AddCommentButton(
-                      onPressed: () async {
-                        final photo = widget.photos[_currentIndex];
-                        final creator = widget.gallery?.creator;
-                        final replyTo = {
-                          'author': creator != null
-                              ? {
-                                  'avatar': creator.avatar,
-                                  'displayName': creator.displayName,
-                                  'handle': creator.handle,
-                                }
-                              : {'avatar': null, 'displayName': '', 'handle': ''},
-                          'focus': photo,
-                          'text': '',
-                        };
-                        bool commentPosted = false;
-                        await showAddCommentSheet(
-                          context,
-                          gallery: null,
-                          replyTo: replyTo,
-                          initialText: '',
-                          onSubmit: (text) async {
-                            final photo = widget.photos[_currentIndex];
-                            final gallery = widget.gallery;
-                            final subject = gallery?.uri;
-                            final focus = photo.uri;
-                            if (subject == null || focus == null) {
-                              return;
-                            }
-                            // Use the provider's createComment method
-                            final notifier = ref.read(galleryThreadProvider(subject).notifier);
-                            final success = await notifier.createComment(text: text, focus: focus);
-                            if (success) commentPosted = true;
-                            // Sheet will pop itself
-                          },
-                        );
-                        // After sheet closes, notify parent if a comment was posted
-                        if (commentPosted && widget.gallery?.uri != null) {
-                          widget.onClose?.call(); // Remove GalleryPhotoView overlay
-                          widget.onCommentPosted?.call(widget.gallery!.uri);
-                        }
-                      },
-                      backgroundColor: Colors.grey[900],
-                      foregroundColor: Colors.white,
+                    child: Row(
+                      children: [
+                        Expanded(
+                          child: AddCommentButton(
+                            onPressed: () async {
+                              final photo = widget.photos[_currentIndex];
+                              final creator = widget.gallery?.creator;
+                              final replyTo = {
+                                'author': creator != null
+                                    ? {
+                                        'avatar': creator.avatar,
+                                        'displayName': creator.displayName,
+                                        'handle': creator.handle,
+                                      }
+                                    : {'avatar': null, 'displayName': '', 'handle': ''},
+                                'focus': photo,
+                                'text': '',
+                              };
+                              bool commentPosted = false;
+                              await showAddCommentSheet(
+                                context,
+                                gallery: null,
+                                replyTo: replyTo,
+                                initialText: '',
+                                onSubmit: (text) async {
+                                  final photo = widget.photos[_currentIndex];
+                                  final gallery = widget.gallery;
+                                  final subject = gallery?.uri;
+                                  final focus = photo.uri;
+                                  if (subject == null || focus == null) {
+                                    return;
+                                  }
+                                  // Use the provider's createComment method
+                                  final notifier = ref.read(
+                                    galleryThreadProvider(subject).notifier,
+                                  );
+                                  final success = await notifier.createComment(
+                                    text: text,
+                                    focus: focus,
+                                  );
+                                  if (success) commentPosted = true;
+                                  // Sheet will pop itself
+                                },
+                              );
+                              // After sheet closes, notify parent if a comment was posted
+                              if (commentPosted && widget.gallery?.uri != null) {
+                                widget.onClose?.call(); // Remove GalleryPhotoView overlay
+                                widget.onCommentPosted?.call(widget.gallery!.uri);
+                              }
+                            },
+                            backgroundColor: Colors.grey[900],
+                            foregroundColor: Colors.white,
+                          ),
+                        ),
+                        const SizedBox(width: 12),
+                        if (photo.exif != null)
+                          IconButton(
+                            icon: Icon(Icons.camera_alt, color: Colors.white),
+                            onPressed: () {
+                              showDialog(
+                                context: context,
+                                builder: (context) => PhotoExifDialog(exif: photo.exif!),
+                              );
+                            },
+                          ),
+                      ],
                     ),
                   ),
                 ),

lib/widgets/photo_exif_dialog.dart

···
+import 'package:flutter/material.dart';
+import 'package:grain/models/photo_exif.dart';
+
+class PhotoExifDialog extends StatelessWidget {
+  final PhotoExif exif;
+  const PhotoExifDialog({super.key, required this.exif});
+
+  @override
+  Widget build(BuildContext context) {
+    return Dialog(
+      backgroundColor: Colors.black45,
+      child: Padding(
+        padding: const EdgeInsets.all(20),
+        child: SingleChildScrollView(
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Text(
+                'Camera Settings',
+                style: TextStyle(color: Colors.white, fontSize: 20, fontWeight: FontWeight.bold),
+              ),
+              const SizedBox(height: 16),
+              if (exif.make != null)
+                RichText(
+                  text: TextSpan(
+                    children: [
+                      TextSpan(
+                        text: 'Make: ',
+                        style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold),
+                      ),
+                      TextSpan(
+                        text: exif.make!,
+                        style: TextStyle(color: Colors.white),
+                      ),
+                    ],
+                  ),
+                ),
+              if (exif.model != null)
+                RichText(
+                  text: TextSpan(
+                    children: [
+                      TextSpan(
+                        text: 'Model: ',
+                        style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold),
+                      ),
+                      TextSpan(
+                        text: exif.model!,
+                        style: TextStyle(color: Colors.white),
+                      ),
+                    ],
+                  ),
+                ),
+              if (exif.lensMake != null)
+                RichText(
+                  text: TextSpan(
+                    children: [
+                      TextSpan(
+                        text: 'Lens Make: ',
+                        style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold),
+                      ),
+                      TextSpan(
+                        text: exif.lensMake!,
+                        style: TextStyle(color: Colors.white),
+                      ),
+                    ],
+                  ),
+                ),
+              if (exif.lensModel != null)
+                RichText(
+                  text: TextSpan(
+                    children: [
+                      TextSpan(
+                        text: 'Lens Model: ',
+                        style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold),
+                      ),
+                      TextSpan(
+                        text: exif.lensModel!,
+                        style: TextStyle(color: Colors.white),
+                      ),
+                    ],
+                  ),
+                ),
+              if (exif.fNumber != null)
+                RichText(
+                  text: TextSpan(
+                    children: [
+                      TextSpan(
+                        text: 'F Number: ',
+                        style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold),
+                      ),
+                      TextSpan(
+                        text: exif.fNumber!,
+                        style: TextStyle(color: Colors.white),
+                      ),
+                    ],
+                  ),
+                ),
+              if (exif.focalLengthIn35mmFormat != null)
+                RichText(
+                  text: TextSpan(
+                    children: [
+                      TextSpan(
+                        text: 'Focal Length (35mm): ',
+                        style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold),
+                      ),
+                      TextSpan(
+                        text: exif.focalLengthIn35mmFormat!,
+                        style: TextStyle(color: Colors.white),
+                      ),
+                    ],
+                  ),
+                ),
+              if (exif.exposureTime != null)
+                RichText(
+                  text: TextSpan(
+                    children: [
+                      TextSpan(
+                        text: 'Exposure Time: ',
+                        style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold),
+                      ),
+                      TextSpan(
+                        text: exif.exposureTime!,
+                        style: TextStyle(color: Colors.white),
+                      ),
+                    ],
+                  ),
+                ),
+              if (exif.iSO != null)
+                RichText(
+                  text: TextSpan(
+                    children: [
+                      TextSpan(
+                        text: 'ISO: ',
+                        style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold),
+                      ),
+                      TextSpan(
+                        text: exif.iSO.toString(),
+                        style: TextStyle(color: Colors.white),
+                      ),
+                    ],
+                  ),
+                ),
+              if (exif.flash != null)
+                RichText(
+                  text: TextSpan(
+                    children: [
+                      TextSpan(
+                        text: 'Flash: ',
+                        style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold),
+                      ),
+                      TextSpan(
+                        text: exif.flash!,
+                        style: TextStyle(color: Colors.white),
+                      ),
+                    ],
+                  ),
+                ),
+              if (exif.dateTimeOriginal != null)
+                RichText(
+                  text: TextSpan(
+                    children: [
+                      TextSpan(
+                        text: 'DateTime Original: ',
+                        style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold),
+                      ),
+                      TextSpan(
+                        text: exif.dateTimeOriginal!,
+                        style: TextStyle(color: Colors.white),
+                      ),
+                    ],
+                  ),
+                ),
+              const SizedBox(height: 20),
+              Align(
+                alignment: Alignment.centerRight,
+                child: TextButton(
+                  onPressed: () => Navigator.of(context).pop(),
+                  child: Text('Close', style: TextStyle(color: Colors.white)),
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}