add when component