- 添加面试模拟功能:视频播放、评分展示、滑动交互 - 实现1v1求职策略:导师信息更新、直播纪要功能 - 完善项目库和简历面试功能:添加详细的mock数据 - 更新课后作业页面:灰度显示、课程链接 - 个人档案和主页数据:万圆的完整个人信息 - 修复各类语法错误和数据结构问题 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
48 lines
968 B
JavaScript
48 lines
968 B
JavaScript
import "./index.css";
|
|
|
|
const FileIcon = ({ type = "doc" }) => {
|
|
const getIconClass = () => {
|
|
switch(type) {
|
|
case 'pdf':
|
|
return 'file-icon-pdf';
|
|
case 'doc':
|
|
case 'docx':
|
|
return 'file-icon-doc';
|
|
case 'ppt':
|
|
case 'pptx':
|
|
return 'file-icon-ppt';
|
|
case 'excel':
|
|
case 'xlsx':
|
|
return 'file-icon-excel';
|
|
default:
|
|
return 'file-icon-default';
|
|
}
|
|
};
|
|
|
|
const getIconText = () => {
|
|
switch(type) {
|
|
case 'pdf':
|
|
return 'PDF';
|
|
case 'doc':
|
|
case 'docx':
|
|
return 'DOC';
|
|
case 'ppt':
|
|
case 'pptx':
|
|
return 'PPT';
|
|
case 'excel':
|
|
case 'xlsx':
|
|
return 'XLS';
|
|
default:
|
|
return 'FILE';
|
|
}
|
|
};
|
|
|
|
return (
|
|
<div className={`file-icon ${getIconClass()}`}>
|
|
<div className="file-icon-fold"></div>
|
|
<div className="file-icon-text">{getIconText()}</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default FileIcon; |