Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add FeedbackRocket button #170

Draft
wants to merge 1 commit into
base: main
Choose a base branch
from
Draft

Add FeedbackRocket button #170

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 9 additions & 1 deletion docusaurus.config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,16 @@ const lightCodeTheme = require('prism-react-renderer/themes/github');
const darkCodeTheme = require('prism-react-renderer/themes/dracula');

const OSANO_SRC = process.env.OSANO_SRC;
const scripts = [];
const scripts = [
{
src: 'https://www.feedbackrocket.io/sdk/v1.1.js',
async: true,
'data-fr-id': 'MUUFimprPtTseMFmHxVrP',
'data-fr-theme': 'dynamic',
},
];
if (OSANO_SRC) {
// @ts-ignore
scripts.push({
src: OSANO_SRC,
async: false
Expand Down
230 changes: 117 additions & 113 deletions src/components/DocsFooter/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,134 +7,138 @@ import Discord from "@site/static/icons/discord.svg";

import useBaseUrl from "@docusaurus/useBaseUrl";
import styles from "./styles.module.scss";
import Button from "../global/Button";

export const SUPPORT = "https://iohk.zendesk.com/hc/en-us/requests/new";

function DocsFooter() {
return (
<footer className={styles.footerOuter}>
<div className={styles.footerIconWrapper}>
<div className={styles.socialIcon}>
<Link
href="https://github.com/input-output-hk/marlowe-cardano"
rel="noopener noreferrer"
>
<Github />
</Link>
</div>
<div className={styles.socialIcon}>
<Link href="https://discord.gg/inputoutput" rel="noopener noreferrer">
<Discord />
</Link>
</div>
<div className={styles.socialIcon}>
<Link href="https://twitter.com/marlowe_io" rel="noopener noreferrer">
<Twitter />
</Link>
</div>
<div className={styles.socialIcon}>
<Link
href="https://www.youtube.com/@IohkIo"
rel="noopener noreferrer"
>
<Youtube />
</Link>
<>
<footer className={styles.footerOuter}>
<button data-fr-widget class="button button--outline button--primary">Feedback</button>
<div className={styles.footerIconWrapper}>
<div className={styles.socialIcon}>
<Link
href="https://github.com/input-output-hk/marlowe-cardano"
rel="noopener noreferrer"
>
<Github />
</Link>
</div>
<div className={styles.socialIcon}>
<Link href="https://discord.gg/inputoutput" rel="noopener noreferrer">
<Discord />
</Link>
</div>
<div className={styles.socialIcon}>
<Link href="https://twitter.com/marlowe_io" rel="noopener noreferrer">
<Twitter />
</Link>
</div>
<div className={styles.socialIcon}>
<Link
href="https://www.youtube.com/@IohkIo"
rel="noopener noreferrer"
>
<Youtube />
</Link>
</div>
</div>
</div>

<div className={styles.inner}>
<div className={styles.linksAndLogoContainer}>
<img
src={useBaseUrl("/img/marlowe-logo-primary-black-purple.svg")}
className={styles.footerLogo}
data-light
/>
<img
src={useBaseUrl("/img/marlowe-logo-primary-white-purple.svg")}
className={styles.footerLogo}
data-dark
/>
<div className={styles.inner}>
<div className={styles.linksAndLogoContainer}>
<img
src={useBaseUrl("/img/marlowe-logo-primary-black-purple.svg")}
className={styles.footerLogo}
data-light
/>
<img
src={useBaseUrl("/img/marlowe-logo-primary-white-purple.svg")}
className={styles.footerLogo}
data-dark
/>

<div className={styles.footerColumn}>
<div className={styles.links}>
<div className={styles.linksList}>
<h2 className={styles.linksHeading}>Resources</h2>
<div className={styles.linkItem}>
<Link target="_blank" href="https://iohk.io/">
Input Output Global
</Link>
</div>
<div className={styles.linkItem}>
<Link target="_blank" href="https://cardano.org/">
Cardano.org
</Link>
</div>
<div className={styles.linkItem}>
<Link target="_blank" href="https://www.essentialcardano.io/">
Essential Cardano
</Link>
</div>
<div className={styles.linkItem}>
<Link
target="_blank"
href="https://www.youtube.com/channel/UCX9j__vYOJu00iqBrCzecVw"
>
IOG Academy
</Link>
</div>
</div>
<div className={styles.linksList}>
<h2 className={styles.linksHeading}>Support</h2>
<div className={styles.linkItem}>
<Link target="_blank" href={SUPPORT}>
IOG tech support
</Link>
</div>
</div>
<div className={styles.linksList}>
<h2 className={styles.linksHeading}>Legal</h2>
<div className={styles.linkItem}>
<Link
target="_blank"
href="https://docs.google.com/document/d/13zJ5jdaKjXgAytvDn0kln8UFDhyFr3AS/view"
>
Cookie Policy
</Link>
<div className={styles.footerColumn}>
<div className={styles.links}>
<div className={styles.linksList}>
<h2 className={styles.linksHeading}>Resources</h2>
<div className={styles.linkItem}>
<Link target="_blank" href="https://iohk.io/">
Input Output Global
</Link>
</div>
<div className={styles.linkItem}>
<Link target="_blank" href="https://cardano.org/">
Cardano.org
</Link>
</div>
<div className={styles.linkItem}>
<Link target="_blank" href="https://www.essentialcardano.io/">
Essential Cardano
</Link>
</div>
<div className={styles.linkItem}>
<Link
target="_blank"
href="https://www.youtube.com/channel/UCX9j__vYOJu00iqBrCzecVw"
>
IOG Academy
</Link>
</div>
</div>
<div className={styles.linkItem}>
<Link
target="_blank"
href="https://static.iohk.io/terms/iog-privacy-policy.pdf"
>
Privacy Policy
</Link>
<div className={styles.linksList}>
<h2 className={styles.linksHeading}>Support</h2>
<div className={styles.linkItem}>
<Link target="_blank" href={SUPPORT}>
IOG tech support
</Link>
</div>
</div>
<div className={styles.linkItem}>
<Link
className={styles.linkItem}
target="_blank"
href="https://plutus-static.s3.eu-central-1.amazonaws.com/IOHK+Website+Terms+%26+Conditions+(Final).pdf"
>
Terms of Use
</Link>
<div className={styles.linksList}>
<h2 className={styles.linksHeading}>Legal</h2>
<div className={styles.linkItem}>
<Link
target="_blank"
href="https://docs.google.com/document/d/13zJ5jdaKjXgAytvDn0kln8UFDhyFr3AS/view"
>
Cookie Policy
</Link>
</div>
<div className={styles.linkItem}>
<Link
target="_blank"
href="https://static.iohk.io/terms/iog-privacy-policy.pdf"
>
Privacy Policy
</Link>
</div>
<div className={styles.linkItem}>
<Link
className={styles.linkItem}
target="_blank"
href="https://plutus-static.s3.eu-central-1.amazonaws.com/IOHK+Website+Terms+%26+Conditions+(Final).pdf"
>
Terms of Use
</Link>
</div>
</div>
</div>
<p className={styles.disclaimer}>
Disclaimer: The Playground is a tool for simulating Marlowe smart
contracts in a testing environment and is not intended for mainnet
deployment or on-chain use. Nothing on this website is intended to
be professional advice, including without limitation, financial,
investment, or advice.
</p>
<p className={styles.copyright}>
© {new Date().getFullYear()} Input Output Global, Inc. All Rights
Reserved.
</p>
</div>
<p className={styles.disclaimer}>
Disclaimer: The Playground is a tool for simulating Marlowe smart
contracts in a testing environment and is not intended for mainnet
deployment or on-chain use. Nothing on this website is intended to
be professional advice, including without limitation, financial,
investment, or advice.
</p>
<p className={styles.copyright}>
© {new Date().getFullYear()} Input Output Global, Inc. All Rights
Reserved.
</p>
</div>
</div>
</div>
</footer>
</footer>
</>
);
}

Expand Down