Add basic call/user UI in top-right corner.

Allow ui::Avatar to take custom data instead of always relying on URI resolution

crates/ui2/src/components/avatar.rs

@@ -1,5 +1,5 @@
 use crate::prelude::*;
-use gpui::{img, Img, RenderOnce};
+use gpui::{img, ImageSource, Img, RenderOnce};
 
 #[derive(Debug, Default, PartialEq, Clone)]
 pub enum Shape {
@@ -10,7 +10,7 @@ pub enum Shape {
 
 #[derive(RenderOnce)]
 pub struct Avatar {
-    src: SharedString,
+    src: ImageSource,
     shape: Shape,
 }
 
@@ -26,7 +26,7 @@ impl Component for Avatar {
             img = img.rounded_md();
         }
 
-        img.uri(self.src.clone())
+        img.source(self.src.clone())
             .size_4()
             // todo!(Pull the avatar fallback background from the theme.)
             .bg(gpui::red())
@@ -34,7 +34,7 @@ impl Component for Avatar {
 }
 
 impl Avatar {
-    pub fn new(src: impl Into<SharedString>) -> Self {
+    pub fn new(src: impl Into<ImageSource>) -> Self {
         Self {
             src: src.into(),
             shape: Shape::Circle,

crates/ui2/src/components/stories/avatar.rs

@@ -14,10 +14,10 @@ impl Render for AvatarStory {
             .child(Story::title_for::<Avatar>())
             .child(Story::label("Default"))
             .child(Avatar::new(
-                "https://avatars.githubusercontent.com/u/1714999?v=4",
+                "https://avatars.githubusercontent.com/u/1714999?v=4".into(),
             ))
             .child(Avatar::new(
-                "https://avatars.githubusercontent.com/u/326587?v=4",
+                "https://avatars.githubusercontent.com/u/326587?v=4".into(),
             ))
     }
 }