From e51a59f7aa3a56cb546a30a8e85396012ea39097 Mon Sep 17 00:00:00 2001
From: Jordan Eldredge <jordan@jordaneldredge.com>
Date: Mon, 3 Dec 2018 21:24:02 -0800
Subject: [PATCH] Pixelate skins if we ever show them full size or greater

---
 src/Skin.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/Skin.js b/src/Skin.js
index 7fad48a9..8cb4a5cd 100644
--- a/src/Skin.js
+++ b/src/Skin.js
@@ -1,5 +1,6 @@
 import React from "react";
 import * as Utils from "./utils";
+import { SCREENSHOT_HEIGHT } from "./constants";
 
 export default class Skin extends React.Component {
   constructor(props) {
@@ -51,6 +52,10 @@ export default class Skin extends React.Component {
       >
         <img
           src={this.props.src}
+          style={{
+            imageRendering:
+              this.props.height >= SCREENSHOT_HEIGHT ? "pixelated" : null
+          }}
           className={`screenshot ${this.state.loaded ? "loaded" : ""}`}
           onLoad={this._handleLoad}
           alt={Utils.filenameFromHash(this.props.hash)}