22 lines
1000 B
TypeScript
22 lines
1000 B
TypeScript
 
|
"use client";
|
||
|
|
|
||
|
|
import {ShieldCheck} from "lucide-react";
|
||
|
|
|
||
|
|
export const ROLE_LABEL:Record<string,string>={manager:"客户经理",reviewer:"评审员",admin:"配置管理员"};
|
||
|
|
|
||
|
|
export default function IdentitySelector({identity,dark=false,pending=false}:{identity:any;dark?:boolean;pending?:boolean}){
|
||
|
|
const role=identity?.role||(pending?"":"manager");
|
||
|
|
function switchRole(next:string){
|
||
|
|
sessionStorage.removeItem("xingbang-access-token");
|
||
|
|
sessionStorage.setItem("xingbang-demo-role",next);
|
||
|
|
location.reload();
|
||
|
|
}
|
||
|
|
return <label className={`xb-role-switch role-${role}${dark?" dark":""}`}>
|
||
|
|
<span>当前身份</span><ShieldCheck size={16}/>
|
||
|
|
<select aria-label="切换演示身份" value={role} onChange={event=>switchRole(event.target.value)}>
|
||
|
|
{pending&&<option value="" disabled>选择身份</option>}
|
||
|
|
<option value="manager">客户经理</option><option value="reviewer">评审员</option><option value="admin">配置管理员</option>
|
||
|
|
</select>
|
||
|
|
</label>;
|
||
|
|
}
|