revenge-mod/Revenge
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[UI] The great divide

Browse source
This commit is contained in:
Beef 2023-01-07 23:33:52 +00:00
parent e51ae60aef
commit 65d57a0f69
3 changed files with 19 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/ui/settings/components/SettingsSection.tsx
View file

@ -1,7 +1,7 @@
import { Forms } from "@ui/components";
import { getAssetIDByName } from "@ui/assets";
const { FormRow, FormSection } = Forms;
const { FormRow, FormSection, FormDivider } = Forms;
interface SettingsSectionProps {
navigation: any;
@ -16,12 +16,14 @@ export default function SettingsSection({ navigation }: SettingsSectionProps) {
trailing={FormRow.Arrow}
onPress={() => navigation.push("VendettaSettings")}
/>
<FormDivider />
<FormRow
label="Plugins"
leading={() => <FormRow.Icon source={getAssetIDByName("debug")} />}
trailing={FormRow.Arrow}
onPress={() => navigation.push("VendettaPlugins")}
/>
<FormDivider />
<FormRow
label="Asset Browser"
leading={() => <FormRow.Icon source={getAssetIDByName("grid")} />}

7
src/ui/settings/pages/AssetBrowser.tsx
View file

@ -3,7 +3,7 @@ import { Forms } from "@ui/components";
import { all } from "@ui/assets";
import AssetDisplay from "@ui/settings/components/AssetDisplay";
const { FormInput } = Forms;
const { FormInput, FormDivider } = Forms;
export default function AssetBrowser() {
const [searchName, setSearchName] = React.useState("");
@ -18,7 +18,10 @@ export default function AssetBrowser() {
<RN.FlatList
data={Object.values(all).filter(a => a.name.includes(searchName))}
renderItem={({ item }) => (
<AssetDisplay asset={item} />
<>
<AssetDisplay asset={item} />
<FormDivider />
</>
)}
keyExtractor={item => item.name}
/>

15
src/ui/settings/pages/General.tsx
View file

@ -5,7 +5,7 @@ import { getAssetIDByName } from "@ui/assets";
import { Forms } from "@ui/components";
import Version from "@ui/settings/components/Version";
const { FormRow, FormSection, FormInput } = Forms;
const { FormRow, FormSection, FormInput, FormDivider } = Forms;
const hermesProps = window.HermesInternal.getRuntimeProperties();
const rnVer = RN.Platform.constants.reactNativeVersion;
@ -37,14 +37,14 @@ export default function General() {
return (
<RN.ScrollView>
{/* Why is there still a divider? */}
<FormSection title="Links" android_noDivider>
<FormSection title="Links">
<FormRow
label="Discord Server"
leading={() => <FormRow.Icon source={getAssetIDByName("Discord")} />}
trailing={FormRow.Arrow}
onPress={() => url.openURL(DISCORD_SERVER)}
/>
<FormDivider />
<FormRow
label="GitHub"
leading={() => <FormRow.Icon source={getAssetIDByName("img_account_sync_github_white")} />}
@ -58,12 +58,14 @@ export default function General() {
onChange={(v: string) => setDebuggerUrl(v)}
title="DEBUGGER URL"
/>
<FormDivider />
<FormRow
label="Connect to debug websocket"
leading={() => <FormRow.Icon source={getAssetIDByName("copy")} />}
trailing={FormRow.Arrow}
onPress={() => connectToDebugger(debuggerUrl)}
/>
<FormDivider />
<FormRow
label="Reload Discord"
leading={() => <FormRow.Icon source={getAssetIDByName("ic_message_retry")} />}
@ -72,7 +74,12 @@ export default function General() {
/>
</FormSection>
<FormSection title="Versions">
{versions.map((v) => <Version label={v.label} version={v.version} icon={v.icon} /> )}
{versions.map((v) => (
<>
<Version label={v.label} version={v.version} icon={v.icon} />
<FormDivider />
</>
))}
</FormSection>
</RN.ScrollView>
)