diff --git a/src/components/ListSelection/ListSelection.js b/src/components/ListSelection/ListSelection.js index ea42ce7..55fb6c0 100644 --- a/src/components/ListSelection/ListSelection.js +++ b/src/components/ListSelection/ListSelection.js @@ -282,7 +282,9 @@ const ListSelection = ({ const showHoverOutline = isHovered && !sel; const showSelectionOutline = !isWeb && - (variant === "simple" || variant === "emotion" || variant === "titleDescription") && + (variant === "simple" || + variant === "emotion" || + variant === "titleDescription") && sel; const baseContent = diff --git a/src/screens/Writing/Rhymes.js b/src/screens/Writing/Rhymes.js index 8243b9c..2814d3c 100644 --- a/src/screens/Writing/Rhymes.js +++ b/src/screens/Writing/Rhymes.js @@ -1,10 +1,11 @@ -import { View, StyleSheet } from "react-native"; import React, { useState } from "react"; -import CreateLyricsHeader from "./components/CreateLyricsHeader"; -import { Palette } from "../../styles"; -import { FONT_FAMILY } from "../../styles/Fonts"; +import { StyleSheet, View } from "react-native"; import ItemContainer from "../../components/ItemContainer/ItemContainer"; import ListSelection from "../../components/ListSelection/ListSelection"; +import { isWeb } from "../../hooks/useLayoutType"; +import { Palette } from "../../styles"; +import { FONT_FAMILY } from "../../styles/Fonts"; +import CreateLyricsHeader from "./components/CreateLyricsHeader"; const Rhymes = ({ selected: selectedProp, setSelected: setSelectedProp }) => { const [internalSelected, setInternalSelected] = useState(null); @@ -16,7 +17,7 @@ const Rhymes = ({ selected: selectedProp, setSelected: setSelectedProp }) => { return ( - +