Skip to content

Commit 708367d

Browse files
Merge pull request #134 from StackOverflowIsBetterThanAnyAI/feat-hero-section
new hero section with embedded livestream
2 parents 0e3f8f6 + 6bc590f commit 708367d

17 files changed

+630
-253
lines changed

README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,6 @@
22

33
This is the frontend version of an abstract `twitch.tv` clone built with React, TypeScript, Tailwind CSS and the public twitch api.
44

5-
![Twitch App Preview](https://github.com/StackOverflowIsBetterThanAnyAI/twitch-app/blob/master/preview.png)
5+
![Twitch App Preview](https://github.com/user-attachments/assets/2dbcd91f-c398-4726-9c8f-e8230fae9f40)
66

77
[Backend Repository](https://github.com/StackOverflowIsBetterThanAnyAI/twitch-backend)

preview.png

-1.53 MB
Binary file not shown.

public/favicon.png

-1.18 KB
Binary file not shown.

public/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<html lang="en">
33
<head>
44
<meta charset="utf-8" />
5-
<link rel="icon" href="favicon.ico" />
5+
<link rel="icon" href="./favicon.ico" />
66
<meta name="viewport" content="width=device-width, initial-scale=1" />
77
<meta name="theme-color" content="#000000" />
88
<meta name="author" content="Michael Münzenhofer" />

public/manifest.json

Lines changed: 0 additions & 17 deletions
This file was deleted.

src/components/UI/navigation/DesktopSearch.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -146,8 +146,9 @@ const DesktopSearch = forwardRef<HTMLDivElement, SearchProps>(
146146
onInput={handleInput}
147147
onKeyDown={handleKeyDown}
148148
onBlur={handleBlur}
149-
title="Search current Livestreams."
150149
ref={inputRef}
150+
title="Search current Livestreams."
151+
name="searchCurrentLivestreams"
151152
/>
152153
<button
153154
className={`m-auto p-1 rounded-full mr-1 my-1 ${

src/components/UI/navigation/MobileSearch.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -138,6 +138,7 @@ const MobileSearch = forwardRef<HTMLDivElement, SearchProps>(
138138
onKeyDown={handleKeyDown}
139139
ref={searchMobileRef}
140140
title="Search current Livestreams."
141+
name="searchCurrentLivestreams"
141142
/>
142143
<button
143144
className={`px-2 pseudo-zinc rounded-md search-button ${

src/components/UI/navigation/UserIcon.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -43,8 +43,9 @@ export const UserIcon: FC<UserIconProps> = ({ anchorRef, buttonRef }) => {
4343
const fetchUser = async () => {
4444
try {
4545
const data = await getUser()
46-
if (!data)
46+
if (!data) {
4747
throw new Error('Unable to fetch the currently logged in user')
48+
}
4849
setUser(data)
4950
sessionStorage.setItem('twitch_user', JSON.stringify(data))
5051
} catch (error: any) {

src/components/streamFeed/StreamChannel.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -82,7 +82,7 @@ const StreamChannel: FC<StreamChannelProps> = ({ testid, user_name }) => {
8282

8383
return (
8484
<button
85-
className="text-slate-300 text-left max-w-full text-ellipsis whitespace-nowrap overflow-hidden
85+
className="text-slate-300 text-left w-fit max-w-full text-ellipsis whitespace-nowrap overflow-hidden
8686
font-medium text-base lg:text-lg rounded-md px-1 pseudo-zinc-purple streamfeed streamchannel"
8787
onClick={handleClick}
8888
title={user_name}

src/components/streamFeed/StreamFeed.tsx

Lines changed: 85 additions & 205 deletions
Large diffs are not rendered by default.

0 commit comments

Comments
 (0)