daniel543x/artcraft
1
0 Fork 0
mirror of https://github.com/storytold/artcraft.git synced 2026-11-04 09:28:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

propagated visibility icons

Browse Source
This commit is contained in:
Brandon Thomas committed 2021-08-11 18:52:45 -04:00
1 parent bd6c8beeca
commit 3767eb2fc9
2 files changed
+26 -11
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

vocodes/src/v2/profile/profile_view/Profile_TtsInferenceResultListFc.tsx
+13 -5
View File
@@ -2,6 +2,8 @@ import React, { useState, useEffect, useCallback } from 'react';
import { ApiConfig, ListTtsInferenceResultsForUserArgs } from '../../../common/ApiConfig';
import { Link } from 'react-router-dom';
import { formatDistance } from 'date-fns';
import { VisibleIconFc } from '../../../icons/VisibleIconFc';
import { HiddenIconFc } from '../../../icons/HiddenIconFc';
interface TtsInferenceResultListResponsePayload {
success: boolean,
@@ -27,6 +29,8 @@ interface TtsInferenceResult {
file_size_bytes: number,
duration_millis: number,
visibility: string,
created_at: string,
updated_at: string,
}
@@ -98,9 +102,12 @@ function ProfileTtsInferenceResultsListFc(props: Props) {
const createTime = new Date(result.created_at);
const relativeCreateTime = formatDistance(createTime, now, { addSuffix: true });
const visibilityIcon = (result.visibility === 'public') ? <VisibleIconFc /> : <HiddenIconFc /> ;
rows.push(
<tr key={result.tts_result_token}>
<td>{result.maybe_creator_result_id}</td>
<td>{visibilityIcon}</td>
<th>
<Link to={inferenceLink}><span role="img" aria-label="result link">▶️</span> {text}</Link>
&nbsp;
@@ -123,11 +130,12 @@ function ProfileTtsInferenceResultsListFc(props: Props) {
<table className="table">
<thead>
<tr>
<th><abbr title="Detail">#</abbr></th>
<th><abbr title="Detail">Download &amp; Play Link</abbr></th>
<th><abbr title="Detail">Model</abbr></th>
<th><abbr title="Detail">Duration</abbr></th>
<th><abbr title="Value">Creation Time</abbr></th>
<th><abbr title="Number">#</abbr></th>
<th><abbr title="Visibility"><VisibleIconFc /></abbr></th>
<th><abbr title="Download">Download &amp; Play Link</abbr></th>
<th><abbr title="Model">Model</abbr></th>
<th><abbr title="Duration">Duration</abbr></th>
<th><abbr title="Created">Creation Time</abbr></th>
</tr>
</thead>
<tbody>
vocodes/src/v2/profile/profile_view/Profile_W2lInferenceResultListFc.tsx
+13 -6
View File
@@ -2,6 +2,8 @@ import React, { useState, useEffect, useCallback } from 'react';
import { ApiConfig, ListW2lInferenceResultsForUserArgs } from '../../../common/ApiConfig';
import { Link } from 'react-router-dom';
import { formatDistance } from 'date-fns'
import { VisibleIconFc } from '../../../icons/VisibleIconFc';
import { HiddenIconFc } from '../../../icons/HiddenIconFc';
interface W2lInferenceResultListResponsePayload {
success: boolean,
@@ -29,6 +31,8 @@ interface W2lInferenceResult {
frame_height: number,
duration_millis: number,
visibility: string,
created_at: string,
updated_at: string,
}
@@ -99,10 +103,12 @@ function ProfileW2lInferenceResultsListFc(props: Props) {
const createTime = new Date(result.created_at);
const relativeCreateTime = formatDistance(createTime, now, { addSuffix: true });
const visibilityIcon = (result.visibility === 'public') ? <VisibleIconFc /> : <HiddenIconFc /> ;
rows.push(
<tr key={result.w2l_result_token}>
<td>{result.maybe_creator_result_id}</td>
<td>{visibilityIcon}</td>
<th><Link to={inferenceLink}><span role="img" aria-label="result link">▶️</span> Result</Link></th>
<th><Link to={templateLink}>{templateTitle}</Link></th>
<td>(custom audio)</td>
@@ -123,12 +129,13 @@ function ProfileW2lInferenceResultsListFc(props: Props) {
<table className="table">
<thead>
<tr>
<th><abbr title="Detail">#</abbr></th>
<th><abbr title="Detail">Result Link</abbr></th>
<th><abbr title="Detail">Template</abbr></th>
<th><abbr title="Detail">Audio Source</abbr></th>
<th><abbr title="Detail">Duration</abbr></th>
<th><abbr title="Value">Creation Time</abbr></th>
<th><abbr title="Number">#</abbr></th>
<th><abbr title="Visibility"><VisibleIconFc /></abbr></th>
<th><abbr title="Result View">Result Link</abbr></th>
<th><abbr title="Template">Template</abbr></th>
<th><abbr title="Source">Audio Source</abbr></th>
<th><abbr title="Duration">Duration</abbr></th>
<th><abbr title="Created">Creation Time</abbr></th>
</tr>
</thead>
<tbody>