commit df3cbdb9020cf5b4d385313cbd3628ce247d08be · notnite.com/moonlight

+18 -3
packages/core-extensions/src/moonbase/webpackModules/ui/extensions/info.tsx
···

       51
       51
        
         );

     

       52
       52
        
       }

     

       53
       53
        
       

     

       54
       54
       -
       function Badge({ color, children }: { color: string; children: React.ReactNode }) {

     

       54
       54
       +
       function Badge({

     

       55
       55
       +
         color,

     

       56
       56
       +
         children,

     

       57
       57
       +
         style = {}

     

       58
       58
       +
       }: {

     

       59
       59
       +
         color: string;

     

       60
       60
       +
         children: React.ReactNode;

     

       61
       61
       +
         style?: React.CSSProperties;

     

       62
       62
       +
       }) {

     

       55
       63
        
         return (

     

       56
       64
        
           <span

     

       57
       65
        
             className="moonlight-card-badge"

     

       58
       66
        
             style={

     

       59
       67
        
               {

     

       60
       60
       -
                 "--badge-color": color

     

       68
       68
       +
                 "--badge-color": color,

     

       69
       69
       +
                 ...style

     

       61
       70
        
               } as React.CSSProperties

     

       62
       71
        
             }

     

       63
       72
        
           >

     
···

       131
       140
        
               <InfoSection title="Tags">

     

       132
       141
        
                 {tags.map((tag, i) => {

     

       133
       142
        
                   const name = tagNames[tag];

     

       143
       143
       +
                   let color = "var(--bg-mod-strong)";

     

       144
       144
       +
                   let style;

     

       145
       145
       +
                   if (tag === ExtensionTag.DangerZone) {

     

       146
       146
       +
                     color = "var(--red-460)";

     

       147
       147
       +
                     style = { color: "var(--primary-230)" };

     

       148
       148
       +
                   }

     

       134
       149
        
       

     

       135
       150
        
                   return (

     

       136
       136
       -
                     <Badge key={i} color={tag === ExtensionTag.DangerZone ? "var(--red-400)" : "var(--bg-mod-strong)"}>

     

       151
       151
       +
                     <Badge key={i} color={color} style={style}>

     

       137
       152
        
                       {name}

     

       138
       153
        
                     </Badge>

     

       139
       154
        
                   );