Added Media starter icons
This commit is contained in:
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
@@ -4,6 +4,7 @@ import {useState, useRef} from "react";
|
|||||||
import {useQuery} from "@tanstack/react-query";
|
import {useQuery} from "@tanstack/react-query";
|
||||||
import queryKeys from "../../services/queryKeys";
|
import queryKeys from "../../services/queryKeys";
|
||||||
import {getMediaFileList} from "../../services/services";
|
import {getMediaFileList} from "../../services/services";
|
||||||
|
import getImage from "../../utils/getImage";
|
||||||
|
|
||||||
export default function MyMedia() {
|
export default function MyMedia() {
|
||||||
const basePath = process.env.REACT_APP_MAIN_API
|
const basePath = process.env.REACT_APP_MAIN_API
|
||||||
@@ -126,16 +127,21 @@ export default function MyMedia() {
|
|||||||
<div className="card-body scrollbar scroll_dark">
|
<div className="card-body scrollbar scroll_dark">
|
||||||
{mediaFileList && mediaFileList?.file_list && mediaFileList?.file_list.map((item, index) => {
|
{mediaFileList && mediaFileList?.file_list && mediaFileList?.file_list.map((item, index) => {
|
||||||
const file_url = (mediaFileList?.media_server + "/" + item?.file_group + "/" + item?.file_uid + "/" + item.filename).toLowerCase();
|
const file_url = (mediaFileList?.media_server + "/" + item?.file_group + "/" + item?.file_uid + "/" + item.filename).toLowerCase();
|
||||||
|
const avtarImage =
|
||||||
|
item?.file_type === undefined
|
||||||
|
? "icons/01.png"
|
||||||
|
: "icons/" + item.file_type + ".png";
|
||||||
return (<div className="widget-text">
|
return (<div className="widget-text">
|
||||||
<div className="media align-items-center">
|
<div className="media align-items-center">
|
||||||
<img src={`assets/img/file-icon/${item.file_type}.png`} className="img-fluid"
|
<img src={getImage(avtarImage)}
|
||||||
|
// src={`assets/img/file-icon/${item.file_type}.png`}
|
||||||
|
className="img-fluid"
|
||||||
alt={`${item.file_type}`}/>
|
alt={`${item.file_type}`}/>
|
||||||
<div className="media-body">
|
<div className="media-body">
|
||||||
<h4 className="mb-0 ml-3">{item.filename}</h4>
|
<h4 className="mb-0 ml-3">{item.filename}</h4>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<a href={`${file_url}`}
|
<a href={`${file_url}`} target='_blank'
|
||||||
className="btn btn-icon btn-round btn-outline-success">
|
className="btn btn-icon btn-round btn-outline-success">
|
||||||
<i className="ti ti-download"></i>
|
<i className="ti ti-download"></i>
|
||||||
</a>
|
</a>
|
||||||
|
|||||||
Reference in New Issue
Block a user