made search icon and search text field

lib/ui/status_bar_widget.dart

@@ -6,6 +6,7 @@ import 'package:photos/ente_theme_data.dart';
 import 'package:photos/events/sync_status_update_event.dart';
 import 'package:photos/services/sync_service.dart';
 import 'package:photos/ui/header_error_widget.dart';
+import 'package:photos/ui/viewer/search/searchWidget.dart';
 
 const double kContainerHeight = 36;
 
@@ -209,21 +210,30 @@ class StatusBarBrandingWidget extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Container(
+    return Stack(
-      height: kContainerHeight,
+      children: [
-      padding: const EdgeInsets.only(left: 12),
+        Container(
-      child: const Align(
+          height: kContainerHeight,
-        alignment: Alignment.centerLeft,
+          padding: const EdgeInsets.only(left: 12),
-        child: Text(
+          child: const Align(
-          "ente",
+            alignment: Alignment.centerLeft,
-          style: TextStyle(
+            child: Text(
-            fontWeight: FontWeight.bold,
+              "ente",
-            fontFamily: 'Montserrat',
+              style: TextStyle(
-            fontSize: 24,
+                fontWeight: FontWeight.bold,
-            height: 1,
+                fontFamily: 'Montserrat',
+                fontSize: 24,
+                height: 1,
+              ),
+            ),
           ),
         ),
-      ),
+        SizedBox(
+          width: MediaQuery.of(context).size.width,
+          child: Align(
+              alignment: Alignment.centerRight, child: SearchIconWidget()),
+        ),
+      ],
     );
   }
 }

lib/ui/viewer/search/searchWidget.dart

@@ -0,0 +1,81 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/src/foundation/key.dart';
+import 'package:flutter/src/widgets/framework.dart';
+import 'package:photos/ente_theme_data.dart';
+
+class SearchIconWidget extends StatefulWidget {
+  bool openSearch;
+  SearchIconWidget({Key key, this.openSearch = false}) : super(key: key);
+
+  @override
+  State<SearchIconWidget> createState() => _SearchIconWidgetState();
+}
+
+class _SearchIconWidgetState extends State<SearchIconWidget> {
+  @override
+  Widget build(BuildContext context) {
+    return widget.openSearch
+        ? Searchwidget(widget.openSearch)
+        : IconButton(
+            onPressed: () {
+              setState(
+                () {
+                  widget.openSearch = !widget.openSearch;
+                },
+              );
+            },
+            icon: const Icon(Icons.search),
+          );
+  }
+}
+
+class Searchwidget extends StatefulWidget {
+  bool openSearch;
+  Searchwidget(this.openSearch, {Key key}) : super(key: key);
+
+  @override
+  State<Searchwidget> createState() => _SearchwidgetState();
+}
+
+class _SearchwidgetState extends State<Searchwidget> {
+  TextEditingController searchQuery = TextEditingController();
+
+  @override
+  Widget build(BuildContext context) {
+    return widget.openSearch
+        ? Row(
+            children: [
+              const SizedBox(width: 12),
+              Flexible(
+                child: Container(
+                  color: Theme.of(context).colorScheme.defaultBackgroundColor,
+                  child: TextFormField(
+                    style: Theme.of(context).textTheme.subtitle1,
+                    controller: searchQuery,
+                    decoration: InputDecoration(
+                      filled: true,
+                      contentPadding: const EdgeInsets.symmetric(
+                        horizontal: 16,
+                        vertical: 14,
+                      ),
+                      border: UnderlineInputBorder(
+                        borderSide: BorderSide.none,
+                        borderRadius: BorderRadius.circular(8),
+                      ),
+                    ),
+                  ),
+                ),
+              ),
+              IconButton(
+                onPressed: () {
+                  setState(() {
+                    widget.openSearch = !widget.openSearch;
+                  });
+                },
+                icon: const Icon(Icons.close),
+              ),
+            ],
+          )
+        : SearchIconWidget();
+  }
+}

lib/utils/date_time_util.dart

@@ -224,6 +224,8 @@ String getDayTitle(int timestamp) {
 }
 
 String secondsToHHMMSS(int value) {
+  print("value is  ----------------");
+  print(value);
   int h, m, s;
   h = value ~/ 3600;
   m = ((value - h * 3600)) ~/ 60;