Change item card name from Link to Text (#182)

microsoft · Jan 6, 2021 · b4c29cf · b4c29cf
1 parent a424fbc
commit b4c29cf
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 11 deletions.
diff --git a/webportal/package-lock.json b/webportal/package-lock.json
diff --git a/webportal/src/app/market_list/components/item_card.jsx b/webportal/src/app/market_list/components/item_card.jsx
@@ -2,15 +2,16 @@
 // Licensed under the MIT License.
 import PropTypes from 'prop-types';
 import React, { useContext } from 'react';
-import { Text, Stack, Link } from 'office-ui-fabric-react';
-import { FontClassNames } from '@uifabric/styling';
+import { Text, Stack, getTheme } from 'office-ui-fabric-react';
 import styled from 'styled-components';
 import Card from 'App/components/card';
 import Context from 'App/context';
 import { ReactComponent as DataIcon } from 'App/assets/data.svg';
 import { ReactComponent as JobIcon } from 'App/assets/job.svg';
 import { TYPE_ENUM } from 'App/utils/constants';
 
+const { palette } = getTheme();
+
 const HoverCard = styled(Card)`
   cursor: pointer;
   min-width: 400px;
@@ -48,14 +49,9 @@ const ItemCard = props => {
           {item.type === TYPE_ENUM.OLD_TEMPLATE && <JobIcon />}
         </Stack.Item>
         <Stack gap='m' styles={{ root: [{ width: '70%' }] }}>
-          <Link
-            className={FontClassNames.xLarge}
-            href={`${
-              window.location.href.split('?type=')[0]
-            }market_detail?itemId=${item.id}`}
-          >
+          <Text style={{ color: palette.themeDark }} variant={'xLarge'}>
             {item.name}
-          </Link>
+          </Text>
           <Text variant={'small'}>
             {item.author} published {populateCreatedTime()}
           </Text>