anchor.diff:      } else if (component == "Case") {
         _configuration.casing = null;
       }
  -    e.querySelector(".name").text =
  -        _componentItem.querySelector(".name").text;
  -    e.querySelector(".price p").text =
  -        _componentItem.querySelector(".price p").text;
  -    e.querySelector(".image").setAttribute("style", "");
  +    updateComponentItem(null,component);
       setPriceTotal();
     }
   
  
positive.code: import 'package:pcbuilder.api/transport/configuration.dart';
  import 'package:pcbuilder.api/transport/componentitem.dart';
  import 'buyoverviewdialog.dart';
  
  class MainView extends View {
    static String get id => "mainview";
  
negative.code:       querySelector("#pricetotal span").text = "0.-";
      } else {
        querySelector("#pricetotal span").text = formatCurrency(price);
      }
    }
  
  
    void updateComponentItem(ComponentItem c, String component) {
      Element e = _view.querySelector(".component-${component.toLowerCase()}");
      if (c == null) {
        e.querySelector(".name").text =
            _componentItem.querySelector(".name").text;
        e.querySelector(".price p").text =
            _componentItem.querySelector(".price p").text;
        e.querySelector(".image").setAttribute("style", "");
      } else {
        e.querySelector(".name").text = c.name;
        e.querySelector(".price p").text = formatCurrency(c.price);
        e.querySelector(".image").style.backgroundImage = "url(${c.image})";
  
        // enable remove
  
        Element rmComponentElement = e.querySelector(".rmComponent");
        rmComponentElement
          ..style.display = "block"
          ..onClick.listen((_) {
            removeComponent(component);
            rmComponentElement.style.display = "none";
          });
      }
    }
  
  