added skeleton ui for di