Skip to content
This repository was archived by the owner on Nov 1, 2024. It is now read-only.

Bump dependencies #243

Merged
merged 3 commits into from
Nov 29, 2023
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
2 changes: 1 addition & 1 deletion components/search/searchResultLink.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -171,7 +171,7 @@ export const SearchResultLink = ({
</div>
</Link>
</div>
)
);
}

export default SearchResultLink
151 changes: 75 additions & 76 deletions components/stories/story.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -31,86 +31,85 @@ export function Story({
const Plotly = dynamic(() => import("./plotly"));

return (
<div className="flex flex-col items-center">
<div className="w-screen">
<TopBar type={'Story'} name={story.name}>
{!draft && isOwner && (
<div>
<Link
href={`/story/${story.id}/edit`}>
<a className="pr-2">Endre</a>
</Link>
<a className="border-l-[1px] border-border-strong px-2" onClick={() => setShowToken && setShowToken(true)}>Vis token</a>
<a
className="border-l-[1px] border-border-strong px-2 text-nav-red"
onClick={() => setShowDelete && setShowDelete(true)}
>
Slett
</a>
</div>
)}
</TopBar>
<div className="flex flex-col items-center">
<div className="w-screen">
<TopBar type={'Story'} name={story.name}>
{!draft && isOwner && (
<div>
<Link href={`/story/${story.id}/edit`} className="pr-2">
Endre
</Link>
<a className="border-l-[1px] border-border-strong px-2" onClick={() => setShowToken && setShowToken(true)}>Vis token</a>
<a
className="border-l-[1px] border-border-strong px-2 text-nav-red"
onClick={() => setShowDelete && setShowDelete(true)}
>
Slett
</a>
</div>
)}
</TopBar>

<MetadataTable
created={story.created}
lastModified={story.lastModified}
owner={story.owner}
keywords={story.keywords}
/>
</div>
<div className="max-w-5xl">
<div className="children-fullwidth flex flex-col gap-5 py-4 max-w-5xl">
{views.map((view, id) => {
if (view.__typename === 'StoryViewHeader') {
return <Header key={id} text={view.content} size={view.level} />
}
<MetadataTable
created={story.created}
lastModified={story.lastModified}
owner={story.owner}
keywords={story.keywords}
/>
</div>
<div className="max-w-5xl">
<div className="children-fullwidth flex flex-col gap-5 py-4 max-w-5xl">
{views.map((view, id) => {
if (view.__typename === 'StoryViewHeader') {
return <Header key={id} text={view.content} size={view.level} />
}

if (view.__typename === 'StoryViewMarkdown') {
return (
<ReactMarkdown className="" key={id} remarkPlugins={[remarkGfm]}>
{view.content}
</ReactMarkdown>
)
}
if (view.__typename === 'StoryViewPlotly') {
return (
<InView key={id} triggerOnce={true}>
{({ inView, ref }) => {
return inView ? (
<div ref={ref}>
<Plotly id={view.id} />
</div>
) : (
<div ref={ref}>
<LoaderSpinner />
</div>
)
}}
</InView>
)
}
if (view.__typename === 'StoryViewVega') {
return (
<InView key={id} triggerOnce={true}>
{({ inView, ref }) => {
return inView ? (
<div ref={ref}>
<VegaView id={view.id} />
</div>
) : (
<div ref={ref}>
<LoaderSpinner />
</div>
)
}}
</InView>
)
}
})}
</div>
if (view.__typename === 'StoryViewMarkdown') {
return (
<ReactMarkdown className="" key={id} remarkPlugins={[remarkGfm]}>
{view.content}
</ReactMarkdown>
)
}
if (view.__typename === 'StoryViewPlotly') {
return (
<InView key={id} triggerOnce={true}>
{({ inView, ref }) => {
return inView ? (
<div ref={ref}>
<Plotly id={view.id} />
</div>
) : (
<div ref={ref}>
<LoaderSpinner />
</div>
)
}}
</InView>
)
}
if (view.__typename === 'StoryViewVega') {
return (
<InView key={id} triggerOnce={true}>
{({ inView, ref }) => {
return inView ? (
<div ref={ref}>
<VegaView id={view.id} />
</div>
) : (
<div ref={ref}>
<LoaderSpinner />
</div>
)
}}
</InView>
)
}
})}
</div>
</div>
)
</div>
);
}

export default Story
Loading