fix: load image header when floracodex source

MDeLuise · Oct 17, 2024 · fa381e7 · fa381e7
1 parent 9e9652b
commit fa381e7
Show file tree

Hide file tree

Showing 3 changed files with 76 additions and 32 deletions.
diff --git a/frontend/lib/plant_add/header.dart b/frontend/lib/plant_add/header.dart
@@ -21,11 +21,24 @@ class AddPlantImageHeader extends StatefulWidget {
 }
 
 class _AddPlantImageHeaderState extends State<AddPlantImageHeader> {
+ String? _url;
+
+ @override
+ void initState() {
+ super.initState();
+ if (widget.species.id != null) {
+ _url =
+ "${widget.env.http.backendUrl}image/content/${widget.species.imageId}";
+ } else if (widget.species.imageUrl != null) {
+ _url =
+ "${widget.env.http.backendUrl}proxy?url=${widget.species.imageUrl}";
+ }
+ }
+
  @override
  Widget build(BuildContext context) {
  return CachedNetworkImage(
- imageUrl:
- "${widget.env.http.backendUrl}image/content/${widget.species.imageId}",
+ imageUrl: _url ?? "assets/images/no-image.png",
  httpHeaders: {
  "Key": widget.env.http.key!,
  },

diff --git a/frontend/lib/search/header.dart b/frontend/lib/search/header.dart
@@ -75,9 +75,17 @@ class _SpeciesImageHeaderState extends State<SpeciesImageHeader> {
  imageBuilder: (context, imageProvider) {
  return Container(
  decoration: BoxDecoration(
- image: DecorationImage(
- image: imageProvider,
- fit: BoxFit.cover,
+ color: _url == null ? const Color.fromRGBO(24, 44, 37, 1) : null,
+ ),
+ child: Padding(
+ padding: EdgeInsets.all(_url == null ? 100 : 0),
+ child: Container(
+ decoration: BoxDecoration(
+ image: DecorationImage(
+ image: imageProvider,
+ fit: _url == null ? BoxFit.contain : BoxFit.cover,
+ ),
+ ),
  ),
  ),
  );

diff --git a/frontend/lib/search/search_result.dart b/frontend/lib/search/search_result.dart
@@ -29,11 +29,24 @@ class SearchResultCard extends StatefulWidget {
 }
 
 class _SearchResultCardState extends State<SearchResultCard> {
+ String? _url;
+
+ @override
+ void initState() {
+ super.initState();
+ if (widget.species.id != null) {
+ _url =
+ "${widget.env.http.backendUrl}image/content/${widget.species.imageId}";
+ } else if (widget.species.imageUrl != null) {
+ _url =
+ "${widget.env.http.backendUrl}proxy?url=${widget.species.imageUrl}";
+ }
+ }
+
  @override
  Widget build(BuildContext context) {
  return CachedNetworkImage(
- imageUrl:
- "${widget.env.http.backendUrl}image/content/${widget.species.imageId}",
+ imageUrl: _url ?? "assets/images/no-image.png",
  httpHeaders: {
  "Key": widget.env.http.key!,
  },
@@ -147,46 +160,56 @@ class _SearchResultCardState extends State<SearchResultCard> {
  child: Stack(
  children: [
  Container(
+ decoration: BoxDecoration(
+ borderRadius: BorderRadius.circular(10),
+ color:
+ _url == null ? const Color.fromRGBO(24, 44, 37, 1) : null,
+ ),
  constraints: BoxConstraints(
  maxHeight: MediaQuery.of(context).size.height * .4,
  minHeight: MediaQuery.of(context).size.height * .4,
  ),
  child: AspectRatio(
  aspectRatio: 1,
- child: Container(
- decoration: BoxDecoration(
- borderRadius: BorderRadius.circular(10),
- image: DecorationImage(
- image: imageProvider,
- fit: BoxFit.cover,
+ child: Padding(
+ padding: EdgeInsets.all(_url == null ? 100 : 0),
+ child: Container(
+ padding: EdgeInsets.all(_url == null ? 100 : 0),
+ decoration: BoxDecoration(
+ borderRadius: BorderRadius.circular(10),
+ image: DecorationImage(
+ image: imageProvider,
+ fit: _url == null ? BoxFit.contain : BoxFit.cover,
+ ),
  ),
  ),
  ),
  ),
  ),
  // Add a gradient overlay to the bottom
- Positioned(
- bottom: 0,
- left: 0,
- right: 0,
- child: Container(
- height: 80, // Adjust the height as needed
- decoration: BoxDecoration(
- borderRadius: BorderRadius.vertical(
- bottom: Radius.circular(
- 10), // Match the container's borderRadius
- ),
- gradient: LinearGradient(
- colors: [
- Colors.black.withOpacity(0.0),
- Colors.black.withOpacity(0.9),
- ],
- begin: Alignment.topCenter,
- end: Alignment.bottomCenter,
+ if (_url != null)
+ Positioned(
+ bottom: 0,
+ left: 0,
+ right: 0,
+ child: Container(
+ height: 80, // Adjust the height as needed
+ decoration: BoxDecoration(
+ borderRadius: BorderRadius.vertical(
+ bottom: Radius.circular(
+ 10), // Match the container's borderRadius
+ ),
+ gradient: LinearGradient(
+ colors: [
+ Colors.black.withOpacity(0.0),
+ Colors.black.withOpacity(0.9),
+ ],
+ begin: Alignment.topCenter,
+ end: Alignment.bottomCenter,
+ ),
  ),
  ),
  ),
- ),
  Positioned(
  bottom: 10,
  left: 10,