pstream is dead; long live pstream
taciturnaxolotl.github.io/pstream-ng/
Merge branch 'sussy-code:main' into production
authored by
Ivan Evans
and committed by
GitHub
23ad848c
29d52027
+31
-19
+6
-1
src/pages/parts/player/PlayerPart.tsx
+6
-1
src/pages/parts/player/PlayerPart.tsx
···
12
12
import { PlayerMeta, playerStatus } from "@/stores/player/slices/source";
13
13
import { usePlayerStore } from "@/stores/player/store";
14
14
15
+
import { ScrapingPartInterruptButton } from "./ScrapingPart";
16
+
15
17
export interface PlayerPartProps {
16
18
children?: ReactNode;
17
19
backUrl: string;
···
136
138
</Player.TopControls>
137
139
138
140
<Player.BottomControls show={showTargets}>
139
-
<div className="flex items-center space-x-3">
141
+
<div className="flex items-center justify-center space-x-3 h-full">
142
+
{status === playerStatus.SCRAPING ? (
143
+
<ScrapingPartInterruptButton />
144
+
) : null}
140
145
{status === playerStatus.PLAYING ? (
141
146
<>
142
147
{isMobile ? <Player.Time short /> : null}
+25
-18
src/pages/parts/player/ScrapingPart.tsx
+25
-18
src/pages/parts/player/ScrapingPart.tsx
···
151
151
</div>
152
152
);
153
153
})}
154
-
<div className="flex gap-3 pb-3">
155
-
<Button
156
-
href="/"
157
-
theme="secondary"
158
-
padding="md:px-17 p-3"
159
-
className="mt-6"
160
-
>
161
-
{t("notFound.goHome")}
162
-
</Button>
163
-
<Button
164
-
onClick={() => window.location.reload()}
165
-
theme="purple"
166
-
padding="md:px-17 p-3"
167
-
className="mt-6"
168
-
>
169
-
{t("notFound.reloadButton")}
170
-
</Button>
171
-
</div>
172
154
</div>
173
155
</div>
174
156
);
175
157
}
158
+
159
+
export function ScrapingPartInterruptButton() {
160
+
const { t } = useTranslation();
161
+
162
+
return (
163
+
<div className="flex gap-3 pb-3">
164
+
<Button
165
+
href="/"
166
+
theme="secondary"
167
+
padding="md:px-17 p-3"
168
+
className="mt-6"
169
+
>
170
+
{t("notFound.goHome")}
171
+
</Button>
172
+
<Button
173
+
onClick={() => window.location.reload()}
174
+
theme="purple"
175
+
padding="md:px-17 p-3"
176
+
className="mt-6"
177
+
>
178
+
{t("notFound.reloadButton")}
179
+
</Button>
180
+
</div>
181
+
);
182
+
}