38 lines
1 KiB
TypeScript
38 lines
1 KiB
TypeScript
import React from 'react';
|
|
import { Icon } from 'UI';
|
|
|
|
function Footer() {
|
|
return (
|
|
<div className={'flex w-full p-4 items-center justify-center bg-gray-lightest gap-4'}>
|
|
<a
|
|
href={'https://docs.openreplay.com/en/troubleshooting/'}
|
|
target="_blank"
|
|
rel="noreferrer noopener"
|
|
className={'flex items-center gap-2 hover:underline'}
|
|
>
|
|
<Icon name={'tools'} size={16} />
|
|
Troubleshooting guide
|
|
</a>
|
|
<a
|
|
href={'https://slack.openreplay.com/'}
|
|
target="_blank"
|
|
rel="noreferrer noopener"
|
|
className={'flex items-center gap-2 hover:underline'}
|
|
>
|
|
<Icon name={'slack'} size={16} />
|
|
Ask slack community
|
|
</a>
|
|
<a
|
|
href={'https://github.com/openreplay/openreplay/issues/new/choose'}
|
|
target="_blank"
|
|
rel="noreferrer noopener"
|
|
className={'flex items-center gap-2 hover:underline'}
|
|
>
|
|
<Icon name={'github'} size={16} />
|
|
Raise an issue
|
|
</a>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default Footer;
|