feat: Remove GhostFileBadge component

JF-Cozy · JF-Cozy · commit 9b2d0b323f2d · 2026-03-24T09:08:49.000+01:00
BREAKING CHANGE: GhostFileBadge has been removed. Use Badge instead (see commit or doc)
diff --git a/docs/styleguide.config.js b/docs/styleguide.config.js
@@ -28,7 +28,6 @@ module.exports = {
         '../react/DropdownText',
         '../react/Empty',
         '../react/Fab',
-        '../react/GhostFileBadge',
         '../react/Grid',
         '../react/Icon',
         '../react/IconButton',
diff --git a/react/GhostFileBadge/Readme.md b/react/GhostFileBadge/Readme.md
@@ -1,15 +1,31 @@
 Ghost badges are specifically used to indicate that a file in a Cozy is a ghost file — it is not truly in the Cozy (usually it is shared from another instance).
 
 ```jsx
-import GhostFileBadge from 'cozy-ui/transpiled/react/GhostFileBadge';
-import Icon from 'cozy-ui/transpiled/react/Icon';
-import Avatar from 'cozy-ui/transpiled/react/Avatar';
+import Badge from 'cozy-ui/transpiled/react/Badge'
+import Icon from 'cozy-ui/transpiled/react/Icon'
+import Avatar from 'cozy-ui/transpiled/react/Avatar'
 
-import FolderIcon from "cozy-ui/transpiled/react/Icons/Folder";
+import FolderIcon from "cozy-ui/transpiled/react/Icons/Folder"
 
-<p>
-  <GhostFileBadge badgeContent={<Icon icon={FolderIcon} size="16" />}>
-    <Avatar size="s">CD</Avatar>
-  </GhostFileBadge>
-</p>
+;
+
+<Badge
+  badgeContent={
+    <div
+      className="u-h-auto u-miw-auto"
+      style={{
+        padding: "3px",
+        backgroundColor: "white",
+        color: "var(--coolGrey)",
+        border: "1px solid var(--silver)",
+        borderRadius: "6px"
+      }}
+    >
+      <Icon icon={FolderIcon} size="16" />
+    </div>
+  }
+  anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}
+>
+  <Avatar size="s">CD</Avatar>
+</Badge>
 ```
diff --git a/react/GhostFileBadge/index.jsx b/react/GhostFileBadge/index.jsx
