The document icons for various file types (Word, Excel, PowerPoint, PDF, etc.) need to be updated to match the latest design specifications provided in Figma. Each icon should be extracted from Figma and saved as an SVG, replacing the current icons to ensure a consistent, modern look. Additionally, new icons shown in the Figma design should be added to the project as SVG files.
Tasks
[x] Replace Existing Icons:
Export icons from Figma for the following file types and replace the corresponding SVG files in the project:
[x] word-icon.svg (Word - W)
[x] pdf-icon.svg (PDF - Red icon)
[x] ppt-icon.svg (PowerPoint - P)
[x] xlsx-icon.svg (Excel - X)
[x] Add New Icons:
Export the additional icons displayed in the Figma design and add them as SVG files, following the existing naming convention (<file-type>-icon.svg):
[x] zip-icon.svg (Compressed files)
[x] txt-icon.svg (Text file - T)
[x] image-icon.svg (Image - Picture icon)
[x] audio-icon.svg (Audio - Music note)
[x] video-icon.svg (Video - Play button)
[x] general-icon.svg (General file - Grey Icon)
Note
To render and verify the icons, update dummyDocuments.ts with the new file types, and ensure they are included in docTypeIcons in DocumentsTableRow.tsx.
Note
To render and verify the icons, update the dummyDocuments.ts with some examples of the new file types. Then, also add/import them to docTypeIcons in DocumentsTableRow.tsx.
Issue Description
The document icons for various file types (Word, Excel, PowerPoint, PDF, etc.) need to be updated to match the latest design specifications provided in Figma. Each icon should be extracted from Figma and saved as an SVG, replacing the current icons to ensure a consistent, modern look. Additionally, new icons shown in the Figma design should be added to the project as SVG files.
Tasks
[x] Replace Existing Icons:
word-icon.svg
(Word - W)pdf-icon.svg
(PDF - Red icon)ppt-icon.svg
(PowerPoint - P)xlsx-icon.svg
(Excel - X)[x] Add New Icons:
<file-type>-icon.svg
):zip-icon.svg
(Compressed files)txt-icon.svg
(Text file - T)image-icon.svg
(Image - Picture icon)audio-icon.svg
(Audio - Music note)video-icon.svg
(Video - Play button)general-icon.svg
(General file - Grey Icon)Note
To render and verify the icons, update
dummyDocuments.ts
with the new file types, and ensure they are included indocTypeIcons
inDocumentsTableRow.tsx
.Note
To render and verify the icons, update the
dummyDocuments.ts
with some examples of the new file types. Then, also add/import them todocTypeIcons
inDocumentsTableRow.tsx
.