New avatars (#1315)

* Adding and updating Avatar resources * Added a story that should display the Avatar gallery once in static * replacing ï by i * Cleaner gallery * Smaller images * Rectifying urls --------- Co-authored-by: édouard wautier <[email protected]>
dust-tt · Sep 8, 2023 · c85a0a9 · c85a0a9
1 parent 59d77a7
commit c85a0a9
Show file tree

Hide file tree

Showing 113 changed files with 144 additions and 0 deletions.
diff --git a/front/public/static/droidavatar/Droid_Black_1.jpg b/front/public/static/droidavatar/Droid_Black_1.jpg
diff --git a/front/public/static/droidavatar/Droid_Black_2.jpg b/front/public/static/droidavatar/Droid_Black_2.jpg
diff --git a/front/public/static/droidavatar/Droid_Black_3.jpg b/front/public/static/droidavatar/Droid_Black_3.jpg
diff --git a/front/public/static/droidavatar/Droid_Black_4.jpg b/front/public/static/droidavatar/Droid_Black_4.jpg
diff --git a/front/public/static/droidavatar/Droid_Black_5.jpg b/front/public/static/droidavatar/Droid_Black_5.jpg
diff --git a/front/public/static/droidavatar/Droid_Black_6.jpg b/front/public/static/droidavatar/Droid_Black_6.jpg
diff --git a/front/public/static/droidavatar/Droid_Black_7.jpg b/front/public/static/droidavatar/Droid_Black_7.jpg
diff --git a/front/public/static/droidavatar/Droid_Black_8.jpg b/front/public/static/droidavatar/Droid_Black_8.jpg
diff --git a/front/public/static/droidavatar/Droid_Cream_1.jpg b/front/public/static/droidavatar/Droid_Cream_1.jpg
diff --git a/front/public/static/droidavatar/Droid_Cream_2.jpg b/front/public/static/droidavatar/Droid_Cream_2.jpg
diff --git a/front/public/static/droidavatar/Droid_Cream_3.jpg b/front/public/static/droidavatar/Droid_Cream_3.jpg
diff --git a/front/public/static/droidavatar/Droid_Cream_4.jpg b/front/public/static/droidavatar/Droid_Cream_4.jpg
diff --git a/front/public/static/droidavatar/Droid_Cream_5.jpg b/front/public/static/droidavatar/Droid_Cream_5.jpg
diff --git a/front/public/static/droidavatar/Droid_Cream_6.jpg b/front/public/static/droidavatar/Droid_Cream_6.jpg
diff --git a/front/public/static/droidavatar/Droid_Cream_7.jpg b/front/public/static/droidavatar/Droid_Cream_7.jpg
diff --git a/front/public/static/droidavatar/Droid_Cream_8.jpg b/front/public/static/droidavatar/Droid_Cream_8.jpg
diff --git a/front/public/static/droidavatar/Droid_Green_1.jpg b/front/public/static/droidavatar/Droid_Green_1.jpg
diff --git a/front/public/static/droidavatar/Droid_Green_2.jpg b/front/public/static/droidavatar/Droid_Green_2.jpg
diff --git a/front/public/static/droidavatar/Droid_Green_3.jpg b/front/public/static/droidavatar/Droid_Green_3.jpg
diff --git a/front/public/static/droidavatar/Droid_Green_4.jpg b/front/public/static/droidavatar/Droid_Green_4.jpg
diff --git a/front/public/static/droidavatar/Droid_Green_5.jpg b/front/public/static/droidavatar/Droid_Green_5.jpg
diff --git a/front/public/static/droidavatar/Droid_Green_6.jpg b/front/public/static/droidavatar/Droid_Green_6.jpg
diff --git a/front/public/static/droidavatar/Droid_Green_7.jpg b/front/public/static/droidavatar/Droid_Green_7.jpg
diff --git a/front/public/static/droidavatar/Droid_Green_8.jpg b/front/public/static/droidavatar/Droid_Green_8.jpg
diff --git a/front/public/static/droidavatar/Droid_Indigo_1.jpg b/front/public/static/droidavatar/Droid_Indigo_1.jpg
diff --git a/front/public/static/droidavatar/Droid_Indigo_2.jpg b/front/public/static/droidavatar/Droid_Indigo_2.jpg
diff --git a/front/public/static/droidavatar/Droid_Indigo_3.jpg b/front/public/static/droidavatar/Droid_Indigo_3.jpg
diff --git a/front/public/static/droidavatar/Droid_Indigo_4.jpg b/front/public/static/droidavatar/Droid_Indigo_4.jpg
diff --git a/front/public/static/droidavatar/Droid_Indigo_5.jpg b/front/public/static/droidavatar/Droid_Indigo_5.jpg
diff --git a/front/public/static/droidavatar/Droid_Indigo_6.jpg b/front/public/static/droidavatar/Droid_Indigo_6.jpg
diff --git a/front/public/static/droidavatar/Droid_Indigo_7.jpg b/front/public/static/droidavatar/Droid_Indigo_7.jpg
diff --git a/front/public/static/droidavatar/Droid_Indigo_8.jpg b/front/public/static/droidavatar/Droid_Indigo_8.jpg
diff --git a/front/public/static/droidavatar/Droid_Lime_1.jpg b/front/public/static/droidavatar/Droid_Lime_1.jpg
diff --git a/front/public/static/droidavatar/Droid_Lime_2.jpg b/front/public/static/droidavatar/Droid_Lime_2.jpg
diff --git a/front/public/static/droidavatar/Droid_Lime_3.jpg b/front/public/static/droidavatar/Droid_Lime_3.jpg
diff --git a/front/public/static/droidavatar/Droid_Lime_4.jpg b/front/public/static/droidavatar/Droid_Lime_4.jpg
diff --git a/front/public/static/droidavatar/Droid_Lime_5.jpg b/front/public/static/droidavatar/Droid_Lime_5.jpg
diff --git a/front/public/static/droidavatar/Droid_Lime_6.jpg b/front/public/static/droidavatar/Droid_Lime_6.jpg
diff --git a/front/public/static/droidavatar/Droid_Lime_7.jpg b/front/public/static/droidavatar/Droid_Lime_7.jpg
diff --git a/front/public/static/droidavatar/Droid_Lime_8.jpg b/front/public/static/droidavatar/Droid_Lime_8.jpg
diff --git a/front/public/static/droidavatar/Droid_Orange_1.jpg b/front/public/static/droidavatar/Droid_Orange_1.jpg
diff --git a/front/public/static/droidavatar/Droid_Orange_2.jpg b/front/public/static/droidavatar/Droid_Orange_2.jpg
diff --git a/front/public/static/droidavatar/Droid_Orange_3.jpg b/front/public/static/droidavatar/Droid_Orange_3.jpg
diff --git a/front/public/static/droidavatar/Droid_Orange_4.jpg b/front/public/static/droidavatar/Droid_Orange_4.jpg
diff --git a/front/public/static/droidavatar/Droid_Orange_5.jpg b/front/public/static/droidavatar/Droid_Orange_5.jpg
diff --git a/front/public/static/droidavatar/Droid_Orange_6.jpg b/front/public/static/droidavatar/Droid_Orange_6.jpg
diff --git a/front/public/static/droidavatar/Droid_Orange_7.jpg b/front/public/static/droidavatar/Droid_Orange_7.jpg
diff --git a/front/public/static/droidavatar/Droid_Orange_8.jpg b/front/public/static/droidavatar/Droid_Orange_8.jpg
diff --git a/front/public/static/droidavatar/Droid_Pink_1.jpg b/front/public/static/droidavatar/Droid_Pink_1.jpg
diff --git a/front/public/static/droidavatar/Droid_Pink_2.jpg b/front/public/static/droidavatar/Droid_Pink_2.jpg
diff --git a/front/public/static/droidavatar/Droid_Pink_3.jpg b/front/public/static/droidavatar/Droid_Pink_3.jpg
diff --git a/front/public/static/droidavatar/Droid_Pink_4.jpg b/front/public/static/droidavatar/Droid_Pink_4.jpg
diff --git a/front/public/static/droidavatar/Droid_Pink_5.jpg b/front/public/static/droidavatar/Droid_Pink_5.jpg
diff --git a/front/public/static/droidavatar/Droid_Pink_6.jpg b/front/public/static/droidavatar/Droid_Pink_6.jpg
diff --git a/front/public/static/droidavatar/Droid_Pink_7.jpg b/front/public/static/droidavatar/Droid_Pink_7.jpg
diff --git a/front/public/static/droidavatar/Droid_Pink_8.jpg b/front/public/static/droidavatar/Droid_Pink_8.jpg
diff --git a/front/public/static/droidavatar/Droid_Purple_1.jpg b/front/public/static/droidavatar/Droid_Purple_1.jpg
diff --git a/front/public/static/droidavatar/Droid_Purple_2.jpg b/front/public/static/droidavatar/Droid_Purple_2.jpg
diff --git a/front/public/static/droidavatar/Droid_Purple_3.jpg b/front/public/static/droidavatar/Droid_Purple_3.jpg
diff --git a/front/public/static/droidavatar/Droid_Purple_4.jpg b/front/public/static/droidavatar/Droid_Purple_4.jpg
diff --git a/front/public/static/droidavatar/Droid_Purple_5.jpg b/front/public/static/droidavatar/Droid_Purple_5.jpg
diff --git a/front/public/static/droidavatar/Droid_Purple_6.jpg b/front/public/static/droidavatar/Droid_Purple_6.jpg
diff --git a/front/public/static/droidavatar/Droid_Purple_7.jpg b/front/public/static/droidavatar/Droid_Purple_7.jpg
diff --git a/front/public/static/droidavatar/Droid_Purple_8.jpg b/front/public/static/droidavatar/Droid_Purple_8.jpg
diff --git a/front/public/static/droidavatar/Droid_Red_1.jpg b/front/public/static/droidavatar/Droid_Red_1.jpg
diff --git a/front/public/static/droidavatar/Droid_Red_2.jpg b/front/public/static/droidavatar/Droid_Red_2.jpg
diff --git a/front/public/static/droidavatar/Droid_Red_3.jpg b/front/public/static/droidavatar/Droid_Red_3.jpg
diff --git a/front/public/static/droidavatar/Droid_Red_4.jpg b/front/public/static/droidavatar/Droid_Red_4.jpg
diff --git a/front/public/static/droidavatar/Droid_Red_5.jpg b/front/public/static/droidavatar/Droid_Red_5.jpg
diff --git a/front/public/static/droidavatar/Droid_Red_6.jpg b/front/public/static/droidavatar/Droid_Red_6.jpg
diff --git a/front/public/static/droidavatar/Droid_Red_7.jpg b/front/public/static/droidavatar/Droid_Red_7.jpg
diff --git a/front/public/static/droidavatar/Droid_Red_8.jpg b/front/public/static/droidavatar/Droid_Red_8.jpg
diff --git a/front/public/static/droidavatar/Droid_Sky_1.jpg b/front/public/static/droidavatar/Droid_Sky_1.jpg
diff --git a/front/public/static/droidavatar/Droid_Sky_2.jpg b/front/public/static/droidavatar/Droid_Sky_2.jpg
diff --git a/front/public/static/droidavatar/Droid_Sky_3.jpg b/front/public/static/droidavatar/Droid_Sky_3.jpg
diff --git a/front/public/static/droidavatar/Droid_Sky_4.jpg b/front/public/static/droidavatar/Droid_Sky_4.jpg
diff --git a/front/public/static/droidavatar/Droid_Sky_5.jpg b/front/public/static/droidavatar/Droid_Sky_5.jpg
diff --git a/front/public/static/droidavatar/Droid_Sky_6.jpg b/front/public/static/droidavatar/Droid_Sky_6.jpg
diff --git a/front/public/static/droidavatar/Droid_Sky_7.jpg b/front/public/static/droidavatar/Droid_Sky_7.jpg
diff --git a/front/public/static/droidavatar/Droid_Sky_8.jpg b/front/public/static/droidavatar/Droid_Sky_8.jpg
diff --git a/front/public/static/droidavatar/Droid_Teal_1.jpg b/front/public/static/droidavatar/Droid_Teal_1.jpg
diff --git a/front/public/static/droidavatar/Droid_Teal_2.jpg b/front/public/static/droidavatar/Droid_Teal_2.jpg
diff --git a/front/public/static/droidavatar/Droid_Teal_3.jpg b/front/public/static/droidavatar/Droid_Teal_3.jpg
diff --git a/front/public/static/droidavatar/Droid_Teal_4.jpg b/front/public/static/droidavatar/Droid_Teal_4.jpg
diff --git a/front/public/static/droidavatar/Droid_Teal_5.jpg b/front/public/static/droidavatar/Droid_Teal_5.jpg
diff --git a/front/public/static/droidavatar/Droid_Teal_6.jpg b/front/public/static/droidavatar/Droid_Teal_6.jpg
diff --git a/front/public/static/droidavatar/Droid_Teal_7.jpg b/front/public/static/droidavatar/Droid_Teal_7.jpg
diff --git a/front/public/static/droidavatar/Droid_Teal_8.jpg b/front/public/static/droidavatar/Droid_Teal_8.jpg
diff --git a/front/public/static/droidavatar/Droid_Yellow_1.jpg b/front/public/static/droidavatar/Droid_Yellow_1.jpg
diff --git a/front/public/static/droidavatar/Droid_Yellow_2.jpg b/front/public/static/droidavatar/Droid_Yellow_2.jpg
diff --git a/front/public/static/droidavatar/Droid_Yellow_3.jpg b/front/public/static/droidavatar/Droid_Yellow_3.jpg
diff --git a/front/public/static/droidavatar/Droid_Yellow_4.jpg b/front/public/static/droidavatar/Droid_Yellow_4.jpg
diff --git a/front/public/static/droidavatar/Droid_Yellow_5.jpg b/front/public/static/droidavatar/Droid_Yellow_5.jpg
diff --git a/front/public/static/droidavatar/Droid_Yellow_6.jpg b/front/public/static/droidavatar/Droid_Yellow_6.jpg
diff --git a/front/public/static/droidavatar/Droid_Yellow_7.jpg b/front/public/static/droidavatar/Droid_Yellow_7.jpg
diff --git a/front/public/static/droidavatar/Droid_Yellow_8.jpg b/front/public/static/droidavatar/Droid_Yellow_8.jpg
diff --git a/front/public/static/droidavatar/Droïd_Cream_1.jpg b/front/public/static/droidavatar/Droïd_Cream_1.jpg
diff --git a/front/public/static/droidavatar/Droïd_Cream_2.jpg b/front/public/static/droidavatar/Droïd_Cream_2.jpg
diff --git a/front/public/static/droidavatar/Droïd_Cream_3.jpg b/front/public/static/droidavatar/Droïd_Cream_3.jpg
diff --git a/front/public/static/droidavatar/Droïd_Cream_4.jpg b/front/public/static/droidavatar/Droïd_Cream_4.jpg
diff --git a/front/public/static/droidavatar/Droïd_Red_1.jpg b/front/public/static/droidavatar/Droïd_Red_1.jpg
diff --git a/front/public/static/droidavatar/Droïd_Red_2.jpg b/front/public/static/droidavatar/Droïd_Red_2.jpg
diff --git a/front/public/static/droidavatar/Droïd_Red_3.jpg b/front/public/static/droidavatar/Droïd_Red_3.jpg
diff --git a/front/public/static/droidavatar/Droïd_Red_4.jpg b/front/public/static/droidavatar/Droïd_Red_4.jpg
diff --git a/front/public/static/droidavatar/Droïd_Teal_1.jpg b/front/public/static/droidavatar/Droïd_Teal_1.jpg
diff --git a/front/public/static/droidavatar/Droïd_Teal_2.jpg b/front/public/static/droidavatar/Droïd_Teal_2.jpg
diff --git a/front/public/static/droidavatar/Droïd_Teal_3.jpg b/front/public/static/droidavatar/Droïd_Teal_3.jpg
diff --git a/front/public/static/droidavatar/Droïd_Teal_4.jpg b/front/public/static/droidavatar/Droïd_Teal_4.jpg
diff --git a/front/public/static/droidavatar/Droïd_Violet_1.jpg b/front/public/static/droidavatar/Droïd_Violet_1.jpg
diff --git a/front/public/static/droidavatar/Droïd_Violet_2.jpg b/front/public/static/droidavatar/Droïd_Violet_2.jpg
diff --git a/front/public/static/droidavatar/Droïd_Violet_3.jpg b/front/public/static/droidavatar/Droïd_Violet_3.jpg
diff --git a/front/public/static/droidavatar/Droïd_Violet_4.jpg b/front/public/static/droidavatar/Droïd_Violet_4.jpg
diff --git a/sparkle/src/stories/AvatarSet.stories.tsx b/sparkle/src/stories/AvatarSet.stories.tsx
@@ -0,0 +1,144 @@
+import React from "react";
+
+import { Avatar } from "../index_with_tw_base";
+
+export default {
+  title: "Assets/DroidAvatarSet",
+};
+
+const avatarUrlList = {
+  "Droid_Black_1.jpg": "https://dust.tt/static/droidavatar/Droid_Black_1.jpg",
+  "Droid_Black_2.jpg": "https://dust.tt/static/droidavatar/Droid_Black_2.jpg",
+  "Droid_Black_3.jpg": "https://dust.tt/static/droidavatar/Droid_Black_3.jpg",
+  "Droid_Black_4.jpg": "https://dust.tt/static/droidavatar/Droid_Black_4.jpg",
+  "Droid_Black_5.jpg": "https://dust.tt/static/droidavatar/Droid_Black_5.jpg",
+  "Droid_Black_6.jpg": "https://dust.tt/static/droidavatar/Droid_Black_6.jpg",
+  "Droid_Black_7.jpg": "https://dust.tt/static/droidavatar/Droid_Black_7.jpg",
+  "Droid_Black_8.jpg": "https://dust.tt/static/droidavatar/Droid_Black_8.jpg",
+  "Droid_Cream_1.jpg": "https://dust.tt/static/droidavatar/Droid_Cream_1.jpg",
+  "Droid_Cream_2.jpg": "https://dust.tt/static/droidavatar/Droid_Cream_2.jpg",
+  "Droid_Cream_3.jpg": "https://dust.tt/static/droidavatar/Droid_Cream_3.jpg",
+  "Droid_Cream_4.jpg": "https://dust.tt/static/droidavatar/Droid_Cream_4.jpg",
+  "Droid_Cream_5.jpg": "https://dust.tt/static/droidavatar/Droid_Cream_5.jpg",
+  "Droid_Cream_6.jpg": "https://dust.tt/static/droidavatar/Droid_Cream_6.jpg",
+  "Droid_Cream_7.jpg": "https://dust.tt/static/droidavatar/Droid_Cream_7.jpg",
+  "Droid_Cream_8.jpg": "https://dust.tt/static/droidavatar/Droid_Cream_8.jpg",
+  "Droid_Green_1.jpg": "https://dust.tt/static/droidavatar/Droid_Green_1.jpg",
+  "Droid_Green_2.jpg": "https://dust.tt/static/droidavatar/Droid_Green_2.jpg",
+  "Droid_Green_3.jpg": "https://dust.tt/static/droidavatar/Droid_Green_3.jpg",
+  "Droid_Green_4.jpg": "https://dust.tt/static/droidavatar/Droid_Green_4.jpg",
+  "Droid_Green_5.jpg": "https://dust.tt/static/droidavatar/Droid_Green_5.jpg",
+  "Droid_Green_6.jpg": "https://dust.tt/static/droidavatar/Droid_Green_6.jpg",
+  "Droid_Green_7.jpg": "https://dust.tt/static/droidavatar/Droid_Green_7.jpg",
+  "Droid_Green_8.jpg": "https://dust.tt/static/droidavatar/Droid_Green_8.jpg",
+  "Droid_Indigo_1.jpg": "https://dust.tt/static/droidavatar/Droid_Indigo_1.jpg",
+  "Droid_Indigo_2.jpg": "https://dust.tt/static/droidavatar/Droid_Indigo_2.jpg",
+  "Droid_Indigo_3.jpg": "https://dust.tt/static/droidavatar/Droid_Indigo_3.jpg",
+  "Droid_Indigo_4.jpg": "https://dust.tt/static/droidavatar/Droid_Indigo_4.jpg",
+  "Droid_Indigo_5.jpg": "https://dust.tt/static/droidavatar/Droid_Indigo_5.jpg",
+  "Droid_Indigo_6.jpg": "https://dust.tt/static/droidavatar/Droid_Indigo_6.jpg",
+  "Droid_Indigo_7.jpg": "https://dust.tt/static/droidavatar/Droid_Indigo_7.jpg",
+  "Droid_Indigo_8.jpg": "https://dust.tt/static/droidavatar/Droid_Indigo_8.jpg",
+  "Droid_Lime_1.jpg": "https://dust.tt/static/droidavatar/Droid_Lime_1.jpg",
+  "Droid_Lime_2.jpg": "https://dust.tt/static/droidavatar/Droid_Lime_2.jpg",
+  "Droid_Lime_3.jpg": "https://dust.tt/static/droidavatar/Droid_Lime_3.jpg",
+  "Droid_Lime_4.jpg": "https://dust.tt/static/droidavatar/Droid_Lime_4.jpg",
+  "Droid_Lime_5.jpg": "https://dust.tt/static/droidavatar/Droid_Lime_5.jpg",
+  "Droid_Lime_6.jpg": "https://dust.tt/static/droidavatar/Droid_Lime_6.jpg",
+  "Droid_Lime_7.jpg": "https://dust.tt/static/droidavatar/Droid_Lime_7.jpg",
+  "Droid_Lime_8.jpg": "https://dust.tt/static/droidavatar/Droid_Lime_8.jpg",
+  "Droid_Orange_1.jpg": "https://dust.tt/static/droidavatar/Droid_Orange_1.jpg",
+  "Droid_Orange_2.jpg": "https://dust.tt/static/droidavatar/Droid_Orange_2.jpg",
+  "Droid_Orange_3.jpg": "https://dust.tt/static/droidavatar/Droid_Orange_3.jpg",
+  "Droid_Orange_4.jpg": "https://dust.tt/static/droidavatar/Droid_Orange_4.jpg",
+  "Droid_Orange_5.jpg": "https://dust.tt/static/droidavatar/Droid_Orange_5.jpg",
+  "Droid_Orange_6.jpg": "https://dust.tt/static/droidavatar/Droid_Orange_6.jpg",
+  "Droid_Orange_7.jpg": "https://dust.tt/static/droidavatar/Droid_Orange_7.jpg",
+  "Droid_Orange_8.jpg": "https://dust.tt/static/droidavatar/Droid_Orange_8.jpg",
+  "Droid_Pink_1.jpg": "https://dust.tt/static/droidavatar/Droid_Pink_1.jpg",
+  "Droid_Pink_2.jpg": "https://dust.tt/static/droidavatar/Droid_Pink_2.jpg",
+  "Droid_Pink_3.jpg": "https://dust.tt/static/droidavatar/Droid_Pink_3.jpg",
+  "Droid_Pink_4.jpg": "https://dust.tt/static/droidavatar/Droid_Pink_4.jpg",
+  "Droid_Pink_5.jpg": "https://dust.tt/static/droidavatar/Droid_Pink_5.jpg",
+  "Droid_Pink_6.jpg": "https://dust.tt/static/droidavatar/Droid_Pink_6.jpg",
+  "Droid_Pink_7.jpg": "https://dust.tt/static/droidavatar/Droid_Pink_7.jpg",
+  "Droid_Pink_8.jpg": "https://dust.tt/static/droidavatar/Droid_Pink_8.jpg",
+  "Droid_Purple_1.jpg": "https://dust.tt/static/droidavatar/Droid_Purple_1.jpg",
+  "Droid_Purple_2.jpg": "https://dust.tt/static/droidavatar/Droid_Purple_2.jpg",
+  "Droid_Purple_3.jpg": "https://dust.tt/static/droidavatar/Droid_Purple_3.jpg",
+  "Droid_Purple_4.jpg": "https://dust.tt/static/droidavatar/Droid_Purple_4.jpg",
+  "Droid_Purple_5.jpg": "https://dust.tt/static/droidavatar/Droid_Purple_5.jpg",
+  "Droid_Purple_6.jpg": "https://dust.tt/static/droidavatar/Droid_Purple_6.jpg",
+  "Droid_Purple_7.jpg": "https://dust.tt/static/droidavatar/Droid_Purple_7.jpg",
+  "Droid_Purple_8.jpg": "https://dust.tt/static/droidavatar/Droid_Purple_8.jpg",
+  "Droid_Red_1.jpg": "https://dust.tt/static/droidavatar/Droid_Red_1.jpg",
+  "Droid_Red_2.jpg": "https://dust.tt/static/droidavatar/Droid_Red_2.jpg",
+  "Droid_Red_3.jpg": "https://dust.tt/static/droidavatar/Droid_Red_3.jpg",
+  "Droid_Red_4.jpg": "https://dust.tt/static/droidavatar/Droid_Red_4.jpg",
+  "Droid_Red_5.jpg": "https://dust.tt/static/droidavatar/Droid_Red_5.jpg",
+  "Droid_Red_6.jpg": "https://dust.tt/static/droidavatar/Droid_Red_6.jpg",
+  "Droid_Red_7.jpg": "https://dust.tt/static/droidavatar/Droid_Red_7.jpg",
+  "Droid_Red_8.jpg": "https://dust.tt/static/droidavatar/Droid_Red_8.jpg",
+  "Droid_Sky_1.jpg": "https://dust.tt/static/droidavatar/Droid_Sky_1.jpg",
+  "Droid_Sky_2.jpg": "https://dust.tt/static/droidavatar/Droid_Sky_2.jpg",
+  "Droid_Sky_3.jpg": "https://dust.tt/static/droidavatar/Droid_Sky_3.jpg",
+  "Droid_Sky_4.jpg": "https://dust.tt/static/droidavatar/Droid_Sky_4.jpg",
+  "Droid_Sky_5.jpg": "https://dust.tt/static/droidavatar/Droid_Sky_5.jpg",
+  "Droid_Sky_6.jpg": "https://dust.tt/static/droidavatar/Droid_Sky_6.jpg",
+  "Droid_Sky_7.jpg": "https://dust.tt/static/droidavatar/Droid_Sky_7.jpg",
+  "Droid_Sky_8.jpg": "https://dust.tt/static/droidavatar/Droid_Sky_8.jpg",
+  "Droid_Teal_1.jpg": "https://dust.tt/static/droidavatar/Droid_Teal_1.jpg",
+  "Droid_Teal_2.jpg": "https://dust.tt/static/droidavatar/Droid_Teal_2.jpg",
+  "Droid_Teal_3.jpg": "https://dust.tt/static/droidavatar/Droid_Teal_3.jpg",
+  "Droid_Teal_4.jpg": "https://dust.tt/static/droidavatar/Droid_Teal_4.jpg",
+  "Droid_Teal_5.jpg": "https://dust.tt/static/droidavatar/Droid_Teal_5.jpg",
+  "Droid_Teal_6.jpg": "https://dust.tt/static/droidavatar/Droid_Teal_6.jpg",
+  "Droid_Teal_7.jpg": "https://dust.tt/static/droidavatar/Droid_Teal_7.jpg",
+  "Droid_Teal_8.jpg": "https://dust.tt/static/droidavatar/Droid_Teal_8.jpg",
+  "Droid_Yellow_1.jpg": "https://dust.tt/static/droidavatar/Droid_Yellow_1.jpg",
+  "Droid_Yellow_2.jpg": "https://dust.tt/static/droidavatar/Droid_Yellow_2.jpg",
+  "Droid_Yellow_3.jpg": "https://dust.tt/static/droidavatar/Droid_Yellow_3.jpg",
+  "Droid_Yellow_4.jpg": "https://dust.tt/static/droidavatar/Droid_Yellow_4.jpg",
+  "Droid_Yellow_5.jpg": "https://dust.tt/static/droidavatar/Droid_Yellow_5.jpg",
+  "Droid_Yellow_6.jpg": "https://dust.tt/static/droidavatar/Droid_Yellow_6.jpg",
+  "Droid_Yellow_7.jpg": "https://dust.tt/static/droidavatar/Droid_Yellow_7.jpg",
+  "Droid_Yellow_8.jpg": "https://dust.tt/static/droidavatar/Droid_Yellow_8.jpg",
+};
+
+const gridStyle = {
+  display: "grid",
+  gridTemplateColumns: "repeat(auto-fill, minmax(100px, 1fr))",
+  gap: "48px 16px",
+};
+
+const itemStyle = {
+  marginTop: "12px",
+  textOverflow: "ellipsis",
+  overflow: "hidden",
+  whiteSpace: "nowrap",
+  textAlign: "left",
+  width: "100%",
+};
+
+export const DroidAvatarSet = () => (
+  <>
+    <div className="s-py-4 s-text-base">
+      url is{" "}
+      <span className="s-font-bold">
+        "https://dust.tt/static/droidavatar/filename"
+      </span>
+    </div>
+    <div style={gridStyle}>
+      {Object.entries(avatarUrlList).map(([filename, url]) => {
+        return (
+          <div key={filename} style={itemStyle as React.CSSProperties}>
+            <Avatar visual={url} size="md" />
+            <div className="s-overflow-hidden s-text-ellipsis s-text-xs">
+              {filename}
+            </div>
+          </div>
+        );
+      })}
+    </div>
+  </>
+);