Replaced material button to core-components

Signed-off-by: Deepak Bhardwaj <deepak.bhardwaj@outlook.com>
This commit is contained in:
Deepak Bhardwaj
2021-06-30 21:53:09 +05:30
parent f11e50ea71
commit bbdeb50ba7
2 changed files with 12 additions and 5 deletions
@@ -29,6 +29,7 @@ export const isExternalUri = (uri: string) => /^([a-z+.-]+):/.test(uri);
export type LinkProps = MaterialLinkProps &
RouterLinkProps & {
component?: ElementType<any>;
externalLinkTarget?: undefined | '_blank';
};
/**
@@ -39,7 +40,14 @@ export const Link = React.forwardRef<any, LinkProps>((props, ref) => {
const to = String(props.to);
return isExternalUri(to) ? (
// External links
<MaterialLink ref={ref} href={to} {...props} />
<MaterialLink
ref={ref}
href={to}
{...(props.externalLinkTarget
? { target: props.externalLinkTarget }
: {})}
{...props}
/>
) : (
// Interact with React Router for internal links
<MaterialLink ref={ref} component={RouterLink} {...props} />