[Design] #144 - NovelDetail Header UI 구현 #168

Naknakk · 2024-06-11T16:16:58Z

⭐️Issue

close #144

🌟Motivation

NovelDetail Header UI 구현

🌟Key Changes

UI 위주 구현이며, 노벨 커버 이미지를 탭 하면 커다란 이미지가 나오는 정도의 구현만 있습니다.
중간의 별점 부분은 읽기 상태 선택 뷰로 변경될 예정이라, 디자인 미정으로 두었습니다.

Repository 패턴을 활용하기 위해, NovelDetailRepository 프로토콜을 따르는 TestRepository를 이용해 목업 데이터를 받아왔습니다. 이후 서버 통신을 통해 받아오는 레포지토리로 변경하기만 하면 VC의 코드 변경없이 적용 가능!

WSS-iOS/WSSiOS/WSSiOS/Source/Data/Repository/NovelDetailRepository.swift

Lines 12 to 34 in 0e7e259

    
           protocol NovelDetailRepository { 
        
               func getNovelBasic(novelId: Int) -> Observable<NovelDetailBasicResult> 
        
           } 
        
           struct TestDetailRepository: NovelDetailRepository { 
        
               func getNovelBasic(novelId: Int) -> Observable<NovelDetailBasicResult> { 
        
                   return Observable.just( 
        
                       NovelDetailBasicResult(userNovelID: nil, 
        
                                         novelTitle: "여자친구로 삼으려고 학생회장을 꼭 닮은 여자아이를 연성했다가 내가 하인이 됐습니다", 
        
                                         novelImage: "ImgNovelCoverDummy", 
        
                                         novelGenres: ["romanceFantasy", "romance"], 
        
                                         novelGenreURL: "icGenreLabelRfDummy", 
        
                                         isNovelCompleted: false, 
        
                                         author: "이보라", 
        
                                         interestCount: 203, 
        
                                         novelRating: 4.4, 
        
                                         novelRatingCount: 153, 
        
                                         feedCount: 52, 
        
                                         userNovelRating: 5.0, 
        
                                         readStatus: "READING", 
        
                                         startDate: nil, 
        
                                         endDate: nil, 
        
                                         isUserNovelInterest: true)

🌟Simulation

iPhone SE 3rd	iPhone 13 mini	iPhone 15 Pro

🌟To Reviewer

SceneDelegate는 Merge할 때 수정할게요!
TestViewController 도 마찬가지로 Merge할 때 삭제하겠습니다!
변경점이 엄청 많아 보이는데,, Trash로 옮기는 작업 때문에 그런거라 겁먹지 않아도 될..겁니다 .. ㅎㅎ

…경이 연결되지 않는 문제 해결

Guryss

수고 많으셨습니다!

뷰를 많이 쪼개고 재사용 가능한 뷰들은 구조화를 잘 해놓으셔서 너무 인상적이었어요!
역시 ....... 섬세하신 덕분에 많이 배워갑니다 😊

Guryss · 2024-06-22T06:30:17Z

WSSiOS/WSSiOS/Resource/Constants/Factory/ModuleFactory.swift

+protocol DetailModuleFactory {
+    func makeDetailViewController(novelId: Int) -> UIViewController
+}
+


객체들간의 의존성을 줄이기 위한 Factory Method Pattern!
저도 꼭 ............. 해보겠습니다 >__<

Guryss · 2024-06-22T06:31:04Z

WSSiOS/WSSiOS/Resource/Constants/Strings/StringLiterals.swift

+            static let complete = "  ·  완결작  ·  "
+            static let inSeries = "  ·  연재중  ·  "


스페이스바 개수까지 맞춘 당신은 ................................ 섬세왕

Guryss · 2024-06-22T06:31:41Z

WSSiOS/WSSiOS/Resource/Constants/Strings/StringLiterals.swift

+                static let novelAuthor = "작품 작가"
+                static let novelGenre = "작품 장르"
+                static let novelInterestCount = "0"
+                static let novelRatingCount = "0.0 (0)"


W3;
추후에 서버에서 받아온다면 해당 값은 두개로 다시 나뉘어져야 할 것 같네용!

이곳은 로딩중에 띄워줄 초기 값을 설정해둔 거라 한가지로 해버렸는데요 ..!
novelRating = "0.0" 과 novelRatingCount = 0 으로 로딩중 값도 나눠주는게 좋을까요?

서버에선 두개의 값으로 따로 주니까 어짜피 두개의 컴포넌트를 활용해야 한다면 ... 로딩중 값도 따로 넣어주는게 코드 작성에 훨씬 편하지 않을까요? 레이아웃 잡을때에도 편할 것 같구 ...

그런 의도라라면 서버에서 받는 값도 이렇게 하나의 Label에 보간법으로 넣어주고 있어서 히히 괜찮을 것 같다는 생각!!

넹~! 알겠솝니당 ㅎ 굿

Guryss · 2024-06-22T06:35:19Z

WSSiOS/WSSiOS/Source/Data/DTO/NovelDetailBasicResult.swift

+    let userNovelID: Int?
+    let novelTitle, novelImage: String
+    let novelGenres: [String]
+    let novelGenreURL: String


W2;
소설 장르 이미지 Url 이라면 novelGenreImage 가 어떤가요?
위에 소설 이미지는 novelImage이고 장르 이미지는 URL이라 약간 네이밍이 헷갈리네용..

헛 서버에서 주는 원래 변수명이 novelGenreURL이었던 걸로 기억해요! 그래서 그냥 그대로 해두었었네요 ..
지금은 이야기해준대로 novelGenreImage로 바뀌었네요!
아무튼 변수명은 Image로 두고 코딩 키를 URL로 해두었어도 되는데 그쵸.. ㅋㅋㅋ 좋은 지적입니다!!

깔깔 그렇군용 .... 레포지토리 패턴을 활용하니까 우린 우리의 길을 걸어도 될듯! ㅎ

Guryss · 2024-06-22T06:36:33Z

WSSiOS/WSSiOS/Source/Data/DTO/NovelDetailBasicResult.swift

+    let novelRating: Float
+    let novelRatingCount, feedCount: Int
+    let userNovelRating: Float
+    let readStatus: String


W2;
readStatus도 사용자가 로그인하지 않았을 때에는 Nullable하다고 되어있는데, 옵셔널 처리 해야하지 않을까요?

헛 이 사항도 6월 6일에 노션에서 수정이 있었던 부분이네요 ! 미쳐 발견하지 못했었는데 반영하겠습니다!
그나저나, 이렇게 Entity의 수정이 생기면서 전체 코드의 변경점이 생기는걸 보니 .. Entity와 DTO의 분리가 필요한 이유를 체감할 수 있네요...!

오호호 그렇네용 .. 수정해준다면 저도 그렇게 ! 따라가도록 ! 까깔

Guryss · 2024-06-22T07:03:25Z

...ew/NovelDetailHeaderView/NovelDetailHeaderAssistantView/NovelDetailLargeCoverImageView.swift

+            $0.width.lessThanOrEqualToSuperview().inset(20)
+            $0.height.lessThanOrEqualToSuperview().inset(60)


W2;
우와 해당 내용은 superView의 width에서 inset을 20보다 작거나 같게, superView의 height의 크기에서 60보다 작거나 같게 한다는 레이아웃 정의인가요?

lessThanOrEqualToSuperview() 해당 속성을 사용한 건 기기대응을 위한 것???

넵 맞습니다! 노벨 커버 이미지를 탭했을때, 사용자가 일반적으로 웹소설 커버 이미지가 원본 사이즈로 나오기를 기대할거라 생각했기 때문에 적용한 부분입니다!
만약 원본 이미지가 세로로 너무 길다면, scaleAspectFill로 두었기 때문에 가로 기준으로 채워지면서 세로가 잘릴 것 같고..
이미지가 가로로 너무 길다면 세로 기준으로 채워지면서 가로가 잘릴 것 같다고 판단했기 때문에
가로 세로 길이의 최대값을 두어 이미지가 짤리지 않도록 했습니다!!

역시......... 한수 배우고 갑니다 선생님

W2
크기를 임의로 지정하고 우선순위를 추가하지 않은 이유가 있을까요 ?
.priority() 이걸 사용해도 좋을 것 같아요!

우선순위를 주기 애매한 상황이라 그렇습니다!
가로에 우선순위를 둔다면, 아래와 같이 세로로 긴 이미지의 경우 가로 기준으로 쭉 늘어나면서 세로가 화면을 뚫어버리기 때문입니다...

반대로 세로에 우선순위를 둔다면, 가로로 긴 이미지의 경우 세로 기준으로 쭉 늘어나면서 가로가 화면을 넘어갑니다..!
그래서 임의로 가로 세로의 최대값을 주고, 두 부분 중 어느 한 곳의 최대값에 도달하면 멈출 수 있게 했습니당..!

💟👍🏻

Guryss · 2024-06-22T07:09:47Z

...ew/NovelDetailHeaderView/NovelDetailHeaderAssistantView/NovelDetailLargeCoverImageView.swift

+
+        dismissButton.snp.makeConstraints {
+            $0.size.equalTo(44)
+            $0.top.equalTo(safeAreaLayoutGuide.snp.top).offset(-44)


W2;
하나 궁금한 점이 있는데, offset을 주지 않으면 노치 바로 위에 dismissButton이 위치할 줄 알았는데 그렇지가 않네요...?
왜 offset(-44)를 줬는지 알려주실 수 있나용!

저도 진짜 그럴줄 알았습니다.. 근데 분명 네비게이션 바 히든 -> LargeCoverImageView가 Hidden해제 되는데도 네비게이션 바가 존재하는 기준으로 safeAreaLayoutGuid를 잡더라구요..?? (현재 코드는 반대 순서이긴 하지만요..)
그래서 네비게이션 바 높이만큼 오프셋을 -44로 주었습니다.
SE나 미니나 상관없이 네비게이션 바 자체 높이는 동일하니 기기대응이 가능할 거라는 생각으로 superview의 top에서 조금 내리는 식으로 주는게 아니라, 세이프에리어에서 -44로 주었습니다.

오잉 근데 ;; 현재 작업중인 브랜치에서 해결됐어요. offset 없애니 자연스럽게 StatusBar 바로 아래에 위치하게 되었습니다... 왜인지는 모르겠어요 ...

Guryss · 2024-06-22T07:10:20Z

...e/Presentation/NovelDetail/NovelDetailView/NovelDetailHeaderView/NovelDetailHeaderView.swift

+    }
+
+    private func setHierarchy() {
+        self.addSubviews(stackView)


Guryss · 2024-06-22T07:17:11Z

WSSiOS/WSSiOS/Source/Presentation/NovelDetail/NovelDetailViewModel/NovelDetailViewModel.swift

+        let detailBasicData: Observable<NovelDetailBasicResult>
+        let scrollContentOffset: Driver<CGPoint>
+        let showLargeNovelCoverImage: Driver<Bool>
+        let backButtonDidTap: Observable<Void>


W1;

컨벤션 확인 부탁드려용

헉 output 컨벤션을 완전 잊었네요 고맙습니다

Guryss · 2024-06-22T07:20:34Z

WSSiOS/WSSiOS/Source/Presentation/NovelDetail/NovelDetailViewModel/NovelDetailViewModel.swift

+        return Output(
+            detailBasicData: novelDetailBasicData.asObservable(),
+            scrollContentOffset: scrollContentOffset.asDriver(),
+            showLargeNovelCoverImage: showLargeNovelCoverImage.asDriver(),
+            backButtonDidTap: backButtonDidTap
+        )


viewModel의 Properties로 따로 빼준 뒤에 return Output에서 연결해주는 이유가 따로 있나요?

전 viewModel의 properties를 따로 만들지 않으려고 했고 바로 output내의 프로퍼티들과 연결지었거든요!

이렇게 해둔 이유는 Output으로 주는 값 자체가 Relay나 Subject등 rx 객체가 아니게 하고 싶었기 때문입니당!!

Output은 뷰가 단지 바라보고 있는 값일 뿐 뷰가 값을 직접 넘기는 일은 없잖아용..? 그래서 그 의미를 명확하게 하고싶어서 뷰모델에 객체를 두고, Driver, Observable 처럼 관찰만 할 수 있는 값으로 넘겨주는게 mvvm 의미상 더 좋지 않을까..?하구 생각해서 이렇게 해두었답니다!!
private를 붙이는 느낌.. ? 혹은 let과 var 느낌 ..?? 아무튼 output 자체에 accept나 onNext로 값을 넘길 수 있다는 정보가 숨겨지면 좋겠다구 생각했어요!

오호... 너무 좋은 생각인듯?

아직 사실 저도 부족한 부분이 많은 것 같아서 이 부분은 나중에 같이 얘기해봐도 좋을 것 같아요 🙌 저도 좀 공부해서.. 다시 얘기해봅시댜

…는 컨벤션 적용

Guryss

수고하셨습니다 낙낙 !

많이 배울 수 있게 해주는 코드이네요.. 저도 분발해보겠습니다 🏃

ena-isme

수고하셨숨둥 🙆🏻‍♀️
이미지 확대되었을 때 뒷 배경 Tap 할 시 dismiss 되는 기능은 추가 안된걸까요 ?

ena-isme · 2024-06-24T04:52:09Z

...NovelDetailHeaderView/NovelDetailHeaderAssistantView/NovelDetailHeaderCoverImageButton.swift

+                novelGenreBookmarkBackgroundImageView.do {
+                    $0.image = .icGenreBackground
+                    $0.contentMode = .scaleAspectFit


W2
요 부분 이미지 안쓰고는 어려운가용 ?

가능하긴 한데 이미지 그냥 넣는 것 보다는 좀 더 복잡하게 해야할 것 같네요 ..!
다음에 시간이 되면 직접 구현하는 걸로 한번 해볼게요!!

ena-isme · 2024-06-24T04:56:20Z

...iew/NovelDetailHeaderView/NovelDetailHeaderAssistantView/NovelDetailHeaderRatingButton.swift

+    private func createStars() -> [UIImageView] {
+        return (0..<5).map { _ in
+            let starImageView = UIImageView().then {
+                $0.isUserInteractionEnabled = true
+                $0.image = .icStarEmpty
+                $0.contentMode = .scaleToFill
+                $0.clipsToBounds = true
+            }
+            return starImageView
+        }
+    }


W3
이렇게 만들어주니까 깔끔쓰하고만 ,,

ena-isme · 2024-06-24T04:58:56Z

...ew/NovelDetailHeaderView/NovelDetailHeaderAssistantView/NovelDetailLargeCoverImageView.swift

+            $0.width.lessThanOrEqualToSuperview().inset(20)
+            $0.height.lessThanOrEqualToSuperview().inset(60)


W2
크기를 임의로 지정하고 우선순위를 추가하지 않은 이유가 있을까요 ?
.priority() 이걸 사용해도 좋을 것 같아요!

ena-isme · 2024-06-24T05:00:59Z

...e/Presentation/NovelDetail/NovelDetailView/NovelDetailHeaderView/NovelDetailHeaderView.swift

+            $0.setCustomSpacing(-148, after: bannerBackgroundImageView)
+            $0.setCustomSpacing(20, after: novelCoverImageButton)
+            $0.setCustomSpacing(26, after: novelInfoView)
+            $0.setCustomSpacing(6, after: novelEstimateButton)


W3
오호 이런게 있었군요 배우고 갑니당 ,,,

ena-isme · 2024-06-24T05:02:00Z

...OS/WSSiOS/Source/Presentation/NovelDetail/NovelDetailViewController/TestViewController.swift

+
+import UIKit
+
+import Kingfisher


W2
Kingfiser 는 UI 구현 부분이라 View 에서 사용해주는 건 어떨까용 ?

넵넵 좋습니다 근데 사용하려고 추가한게 아니라 그냥 .. 복사하다보니 들어가있었네요ㅋㅋㅋ ㅜ 삭제할게요!
근데 이 뷰컨은 테스트용으로 간단히 만든거라 머지할 때 삭제할 예정이에요! PR에 적어두었던 내용이라 참고해서 봐주면 고맙겠습니당~~

ena-isme · 2024-06-24T05:02:32Z

...OS/WSSiOS/Source/Presentation/NovelDetail/NovelDetailViewController/TestViewController.swift

+        $0.setTitle("Next", for: .normal)
+    }
+
+    let disposeBag = DisposeBag()


W1
private 로 사용해주는 게 더 좋을 것 같아요~!

Naknakk · 2024-06-24T05:44:27Z

수고하셨숨둥 🙆🏻‍♀️ 이미지 확대되었을 때 뒷 배경 Tap 할 시 dismiss 되는 기능은 추가 안된걸까요 ?

네엡 명확하게 X 버튼이 있어서 추가하진 않았는데, 한번 기획쪽에 물어보고 필요하다면 추가할게요!
ㄴ필요하다고 해서 추가했습니다!!

Naknakk added 30 commits April 27, 2024 01:37

[Feat] #144 - 더미 Repository 세팅, ViewModel 세팅

c60a556

[Design] #144 - View를 위한 기초 세팅 완료

53623d8

[Design] #144 - 상단 배경 그라디언트 blur 이미지 구현 완료

67ba92c

[Design] #144 - Novel Cover Image 구현 완료

950e230

[Design] #144 - 상단 네비게이션바 구현

764c03f

[Design] #144 - Novel Cover Image Corner Radius 값 수정

0a86edf

[Design] #144 - NovelCoverImage Layout 오류 수정, Gradation Background와 배…

e3d2fee

…경이 연결되지 않는 문제 해결

[Design] #144 - UIFont+ 폰트 변경사항 반영 및 신규폰트 추가

04fc350

[Design] #144 - UILabel+ 에 Font 별 Attribute 메서드 추가

236091f

[Design] #144 - Review Count 관련 Icon SVG 파일 추가

455577c

[Design] #144 - 노벨장르 데이터를 받기 위해서 NovelGenre 모델 추가.

46b8aa3

[Design] #144 - String Literals에 로딩중 문구 추가

07e6091

[Design] #144 - DetailNovelInfo 뷰 구현

44f96c5

[Design] #144 - NovelCover Shadow 추가

471f360

[Design] #144 - Novel Review 관련 Info View 구현

6d7aa15

[Design] #144 - NovelRating을 위한 Star 이미지 추가

7f88a30

[Chore] #144 - 현재 브랜치 최신화

189f125

[Chore] #144 - 줄바꿈 두개인 것 제거

8fb12b7

[Chore] #144 - 현재 브랜치 최신화

3da565f

[Chore] #144 - 기존 NovelDetail 파일들 Trash로 이동, 현재 작업중인 파일들 NovelDetail로 변경

4fa6cda

[Chore] #144 - Repository 패턴 프로토콜 하나로 관리하도록 수정, 현재 작업중인 파일 네이밍 수정완료

4912fcf

[Chore] #144 - 평가뷰로 진입하는 버튼 구현 완료. (디자인 미정)

c805846

[Chore] #144 - font관련 변경사항 미리 적용

563875b

[Chore] #144 - review관련 뷰 네이밍 변경

d2635aa

[Chore] #144 - Header에 있는 뷰 이름 변경, Font 메서드 적용

7b39902

[Design] #144 - 관심 및 리뷰남기기 버튼 Symbol 파일 추가

6120890

[Design] #144 - 관심있어요&리뷰남기기 버튼 구현 완료. 폰트 피그마와 맞춤에 따라 간격 세부 조절

dabb4bb

[Chore] #144 - 현재 브랜치에 main 적용하여 최신화

890a07d

[Chore] #151 - StringLiteral에 문구 추가 및 적용

443c238

[Design] #151 - 관심있어요 버튼 데이터 바인딩 함수 추가 및 적용

0ff9e66

Naknakk added reviewYet and removed reviewPlz labels Jun 19, 2024

[Chore] #144 - StringLiterals 누락한 부분 수정

3057067

Naknakk added reviewPlz and removed reviewYet labels Jun 19, 2024

Naknakk marked this pull request as ready for review June 19, 2024 15:49

Guryss reviewed Jun 22, 2024

View reviewed changes

Naknakk added 5 commits June 23, 2024 02:46

[Fix] #144 - 서연 코리 반영 1. NovelDetailHeaderResult 서버에 맞게 변수명 및 타입 변경

27e8fda

[Fix] #144 - 서연 코리 반영 2. 배너 이미지 데이터가 nil인 경우 에러처리 적용

c0dd03d

[Fix] #144 - 서연 코리 반영 3. 뷰 하나만 add하는 곳에 addSubview 메서드로 변경

abad0cc

[Fix] #144 - 서연 코리 반영 4. 뷰 하나만 add하는 곳에 addSubview 메서드로 변경

ea32fc3

[Fix] #144 - 서연 코리 반영 5. 버튼 탭 이벤트를 그대로 전달하며, 의미는 크게 없는 경우 Enabled로 붙이…

3bb9e07

…는 컨벤션 적용

Naknakk requested a review from Guryss June 23, 2024 04:51

Naknakk added 2 commits June 23, 2024 17:51

[Chore] #144 - 더미 데이터 DTO 구조체의 타입 프로퍼티로 이동

ec941d9

[Fix] #144 - 서버에서 장르 뱃지 이미지를 내려주므로, 그에 따라 뷰를 그릴 수 있도록 노벨 커버 북마크 부분 뷰 변경

23458f2

Guryss approved these changes Jun 23, 2024

View reviewed changes

ena-isme reviewed Jun 24, 2024

View reviewed changes

[Feat] #144 - 지원코리 반영 1. 웹소설 커버 이미지 크게 보는 경우 배경 탭 하면 dismiss 추가

e5f5160

Naknakk requested a review from ena-isme June 24, 2024 08:04

ena-isme approved these changes Jun 24, 2024

View reviewed changes

[Chore] #144 - Test용으로 변경한 임시 코드 삭제.

1bc4c2d

Naknakk merged commit 479178c into main Jun 24, 2024

Naknakk deleted the Design/#144-NovelDetailView branch June 24, 2024 13:42

Naknakk added veryGoodDeveloper and removed reviewPlz labels Jun 24, 2024

	protocol NovelDetailRepository {
	func getNovelBasic(novelId: Int) -> Observable<NovelDetailBasicResult>
	}

	struct TestDetailRepository: NovelDetailRepository {
	func getNovelBasic(novelId: Int) -> Observable<NovelDetailBasicResult> {
	return Observable.just(
	NovelDetailBasicResult(userNovelID: nil,
	novelTitle: "여자친구로 삼으려고 학생회장을 꼭 닮은 여자아이를 연성했다가 내가 하인이 됐습니다",
	novelImage: "ImgNovelCoverDummy",
	novelGenres: ["romanceFantasy", "romance"],
	novelGenreURL: "icGenreLabelRfDummy",
	isNovelCompleted: false,
	author: "이보라",
	interestCount: 203,
	novelRating: 4.4,
	novelRatingCount: 153,
	feedCount: 52,
	userNovelRating: 5.0,
	readStatus: "READING",
	startDate: nil,
	endDate: nil,
	isUserNovelInterest: true)

		static let complete = " · 완결작 · "
		static let inSeries = " · 연재중 · "

		$0.width.lessThanOrEqualToSuperview().inset(20)
		$0.height.lessThanOrEqualToSuperview().inset(60)


		import UIKit

		import Kingfisher

[Design] #144 - NovelDetail Header UI 구현 #168

[Design] #144 - NovelDetail Header UI 구현 #168

Uh oh!

Conversation

Naknakk commented Jun 11, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

⭐️Issue

🌟Motivation

🌟Key Changes

🌟Simulation

🌟To Reviewer

Uh oh!

Guryss left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Naknakk Jun 23, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Naknakk Jun 22, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Naknakk Jun 24, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Naknakk Jun 22, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Naknakk commented Jun 11, 2024 •

edited

Loading

Naknakk Jun 23, 2024 •

edited

Loading

Naknakk Jun 22, 2024 •

edited

Loading

Naknakk Jun 24, 2024 •

edited

Loading

Naknakk Jun 22, 2024 •

edited

Loading

Naknakk Jun 24, 2024 •

edited

Loading

Naknakk commented Jun 24, 2024 •

edited

Loading