diff --git a/src/assets/home.js b/src/assets/home.js index 1bb2e27..cf8eca9 100644 --- a/src/assets/home.js +++ b/src/assets/home.js @@ -23,7 +23,8 @@ export const graphs = [ Caption: "Graph.with.very.long.name.that.doesn't.fit.the.screen.at.all", ContextData: "C:\\Users\\DeyanNenov\\Documents\\GitHub\\Dynamo\\bin\\AnyCPU\\Debug\\DynamoSandbox.exe", DateModified: "1/9/2024 6:24:35 PM", - Thumbnail: img + Thumbnail: img, + Author: "Dynamo 1.0 file format", }, { id: "4", diff --git a/src/components/Common/CustomIcons.jsx b/src/components/Common/CustomIcons.jsx index f323ea6..0704e76 100644 --- a/src/components/Common/CustomIcons.jsx +++ b/src/components/Common/CustomIcons.jsx @@ -32,3 +32,23 @@ export const ListViewIcon = () => ( /> ); + +export const QuestionMarkIcon = () => ( +
+ + + +
+); + diff --git a/src/components/Recent/CustomAuthorCellRenderer.jsx b/src/components/Recent/CustomAuthorCellRenderer.jsx new file mode 100644 index 0000000..9a2f155 --- /dev/null +++ b/src/components/Recent/CustomAuthorCellRenderer.jsx @@ -0,0 +1,29 @@ +import React from "react"; +import { FormattedMessage, useIntl } from 'react-intl'; +import { Tooltip } from '../Common/Tooltip.jsx'; +import { QuestionMarkIcon } from '../Common/CustomIcons.jsx'; +import styles from './CustomCellRenderer.module.css'; + + +/** + * Exports a custom cell renderer for the author cell. + * @param value - the name of the graph + * @param row - the data associate with this row containing all the information for the graph + */ +export const CustomAuthorCellRenderer = ({ value, row }) => { + const intl = useIntl(); + const author = value; + const isOldFormat = author === intl.formatMessage({ id: 'recent.item.old.format' }); + + console.log(author); + console.log(isOldFormat); + return ( +
+

{author}

+ {isOldFormat && + }> + + } +
+ ); +}; diff --git a/src/components/Recent/PageRecent.jsx b/src/components/Recent/PageRecent.jsx index 2229dea..827f6fd 100644 --- a/src/components/Recent/PageRecent.jsx +++ b/src/components/Recent/PageRecent.jsx @@ -3,6 +3,7 @@ import { useState, useEffect } from 'react'; import { GraphGridItem } from './GraphGridItem.jsx'; import { CustomNameCellRenderer } from './CustomNameCellRenderer.jsx'; import { CustomLocationCellRenderer } from './CustomLocationCellRenderer.jsx'; +import { CustomAuthorCellRenderer } from "./CustomAuthorCellRenderer.jsx"; import { GraphTable } from './GraphTable.jsx'; import { GridViewIcon, ListViewIcon } from '../Common/CustomIcons.jsx'; import { openFile } from '../../functions/utility.js'; @@ -60,6 +61,7 @@ export function RecentPage ({ setIsDisabled }){ Header: 'Author', accessor: 'Author', resizable: true, + Cell: CustomAuthorCellRenderer, }, { Header: 'Date Modified', diff --git a/src/locales/en.json b/src/locales/en.json index 0dd8d19..1ff21df 100644 --- a/src/locales/en.json +++ b/src/locales/en.json @@ -11,5 +11,7 @@ "learning.title.text.guides": "Interactive Guides", "learning.title.text.videos": "Video Tutorials", "samples.showsamples.text": "Show Samples in Folder", - "main.page.loading.text": "Loading" + "main.page.loading.text": "Loading", + "recent.item.old.format": "Dynamo 1.0 file format", + "recent.item.old.format.tooltip": "Author and thumbnail not available for files saved in Dynamo 1.0 format" } \ No newline at end of file