Skip to content

Fix image paths #30

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

Merged
kmturley merged 1 commit into from
Aug 14, 2025
Merged

Fix image paths #30

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
17 changes: 11 additions & 6 deletions app/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,11 @@ import { Button } from '@mui/material';
import Image from 'next/image';
import Link from 'next/link';

import diagram from '../public/images/open-audio-stack-diagram.svg';
import external from '../public/icons/external.svg';
import owlplug from '../public/images/owlplug-logo.svg';
import studiorack from '../public/images/studiorack-logo.svg';

export default function Home() {
const pathname = usePathname();

Expand All @@ -28,21 +33,21 @@ export default function Home() {
variant="outlined"
href="https://open-audio-stack.github.io/open-audio-stack-registry/"
target="_blank"
endIcon={<Image src="/icons/external.svg" alt="" width={12} height={12} />}
endIcon={<Image src={external} alt="" width={12} height={12} />}
>
View the registry
</Button>
</div>
<div className={`${styles.card} ${styles.cardDiagram}`}>
<img src="/images/open-audio-stack-diagram.svg" alt="Open Audio Stack diagram" className={styles.image} />
<Image src={diagram} alt="Open Audio Stack diagram" className={styles.image} />
<div className={`${styles.caption} ${styles.captionRegistry}`}>
<h3>Registry</h3>
<p>Database of package metadata and files with an API for read access.</p>
<Button
variant="contained"
href="https://github.com/open-audio-stack/open-audio-stack-registry/blob/main/specification.md"
target="_blank"
endIcon={<Image src="/icons/external.svg" alt="" width={12} height={12} />}
endIcon={<Image src={external} alt="" width={12} height={12} />}
>
View docs
</Button>
Expand All @@ -54,7 +59,7 @@ export default function Home() {
variant="contained"
href="https://github.com/open-audio-stack/open-audio-stack-core/blob/main/specification.md"
target="_blank"
endIcon={<Image src="/icons/external.svg" alt="" width={12} height={12} />}
endIcon={<Image src={external} alt="" width={12} height={12} />}
>
View docs
</Button>
Expand All @@ -66,10 +71,10 @@ export default function Home() {
<p>INTEGRATED WITH</p>
<div className={styles.logos}>
<Link href="https://studiorack.github.io/studiorack-site/" target="_blank">
<Image src="/images/studiorack-logo.svg" alt="StudioRack logo" width={155} height={19} />
<Image src={studiorack} alt="StudioRack logo" width={155} height={19} />
</Link>
<Link href="https://owlplug.com" target="_blank">
<Image src="/images/owlplug-logo.svg" alt="OwlPlug logo" width={99} height={27} />
<Image src={owlplug} alt="OwlPlug logo" width={99} height={27} />
</Link>
</div>
</div>
Expand Down
4 changes: 3 additions & 1 deletion components/editor.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,8 @@ import { Button } from '@mui/material';
import styles from '../styles/components/editor.module.css';
import Image from 'next/image';

import external from '../public/icons/external.svg';

type EditorProps = {
form: PackageVersion;
pkgType: RegistryType;
Expand Down Expand Up @@ -113,7 +115,7 @@ const Editor = ({ form, pkgType, setForm, version }: EditorProps) => {
variant="contained"
color="inherit"
onClick={() => handleSubmitViaGitHub(pkgType, form, version)}
endIcon={<Image src="/icons/external.svg" alt="" width={12} height={12} />}
endIcon={<Image src={external} alt="" width={12} height={12} />}
>
Submit via GitHub
</Button>
Expand Down