degmods/degmods.com
6
1
Fork 0
Code Issues 24 Pull Requests Actions Packages Projects 3 Releases Wiki Activity

feat: categories and popups #171

Merged
enes merged 22 commits from 116-categories into staging 2024-12-12 16:37:38 +00:00
Conversation 1 Commits 22 Files Changed 32 +45 -48
2 changed files with 45 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 41cfc57cf9 - Show all commits

92
src/components/ModForm.tsx
View File

@ -1100,44 +1100,33 @@ export const CategoryAutocomplete = ({
{Row}
</VariableSizeList>
) : (
<FixedSizeList
height={500}
width={'100%'}
itemCount={1}
itemSize={35}
<div
className='dropdown-item dropdownMainMenuItem'
onClick={handleAddNew}
>
{({ index, style }) => (
<div
style={style}
className='dropdown-item dropdownMainMenuItem'
onClick={handleAddNew}
>
{inputValue &&
!filteredOptions?.find(
(option) =>
option.hierarchy.toLowerCase() ===
inputValue.toLowerCase()
) ? (
<>
Add "{inputValue}"
<button className='btn btnMain btnMainInsideField btnMainRemove'>
<svg
xmlns='http://www.w3.org/2000/svg'
viewBox='-32 0 512 512'
width='1em'
height='1em'
fill='currentColor'
>
<path d='M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z'></path>
</svg>
</button>
</>
) : (
<>No matches</>
)}
</div>
{inputValue &&
!filteredOptions?.find(
(option) =>
option.hierarchy.toLowerCase() === inputValue.toLowerCase()
) ? (
<>
Add "{inputValue}"
<button className='btn btnMain btnMainInsideField btnMainRemove'>
<svg
xmlns='http://www.w3.org/2000/svg'
viewBox='-32 0 512 512'
width='1em'
height='1em'
fill='currentColor'
>
<path d='M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z'></path>
</svg>
</button>
</>
) : (
<>No matches</>
)}
</FixedSizeList>
</div>
)}
</div>
</div>
@ -1147,18 +1136,25 @@ export const CategoryAutocomplete = ({
{LTags.map((hierarchy) => {
const heirarchicalCategories = hierarchy.split(`:`)
const categories = heirarchicalCategories
.map<React.ReactNode>((c, i) => (
<Link
key={`category-${i}`}
to={{
pathname: getGamePageRoute(game),
search: `l=${c}`
}}
className='IBMSMSMBSSCategoriesBoxItem'
>
<p>{capitalizeEachWord(c)}</p>
</Link>
))
.map<React.ReactNode>((c, i) =>
game ? (
<Link
key={`category-${i}`}
target='_blank'
to={{
pathname: getGamePageRoute(game),
search: `l=${c}`
}}
className='IBMSMSMBSSCategoriesBoxItem'
>
<p>{capitalizeEachWord(c)}</p>
</Link>
) : (
<p className='IBMSMSMBSSCategoriesBoxItem'>
{capitalizeEachWord(c)}
</p>
)
)
.reduce((prev, curr, i) => [
prev,
<div

1
src/pages/mod/index.tsx
View File

@ -548,6 +548,7 @@ const Body = ({
.map<React.ReactNode>((c: string) => (
<ReactRouterLink
className='IBMSMSMBSSCategoriesBoxItem'
target='_blank'
to={{
pathname: getGamePageRoute(game),
search: `l=${c}`