é infelizmente teria que att uns plugins antigos para fazer aquilo

Author: drysius

app/Http/Controllers/Admin/Jexactyl/StoreController.php

@@ -41,9 +41,6 @@ public function index(): View
             'mpago_enabled' => $this->settings->get($prefix . 'mpago:enabled', false),
             'mpago_discord_webhook' => $this->settings->get($prefix . 'mpago:discord:webhook', 0),
             'mpago_discord_enabled' => $this->settings->get($prefix . 'mpago:discord:enabled', false),
-            'store_images_one' => $this->settings->get($prefix . 'images:one', 0),
-            'store_images_two' => $this->settings->get($prefix . 'images:two', 0),
-            'store_images_three' => $this->settings->get($prefix . 'images:three', 0),
 
             'selected_currency' => $this->settings->get($prefix . 'currency', 'BRL'),
             'currencies' => $currencies,

app/Http/Requests/Admin/Jexactyl/StoreFormRequest.php

@@ -35,10 +35,6 @@ public function rules(): array
             'store:limit:port' => 'required|int|min:1',
             'store:limit:backup' => 'required|int|min:1',
             'store:limit:database' => 'required|int|min:1',
-
-            'store:images:one' => 'string|nullable',
-            'store:images:two' => 'string|nullable',
-            'store:images:three' => 'string|nullable',
         ];
     }
 }

app/Http/ViewComposers/StoreComposer.php

@@ -48,11 +48,6 @@ public function compose(View $view)
                 'enabled' => $this->setting('earn:enabled', Composer::TYPE_BOOL),
                 'amount' => $this->setting('earn:amount', Composer::TYPE_INT),
             ],
-            'images' => [
-                'one' => $this->setting('store:images:one', Composer::TYPE_STR),
-                'two' => $this->setting('store:images:two', Composer::TYPE_STR),
-                'three' => $this->setting('store:images:three', Composer::TYPE_STR),
-            ]
         ]);
     }
 }

package.json

@@ -45,7 +45,7 @@
         "reaptcha": "^1.7.2",
         "sockette": "^2.0.6",
         "strip-ansi": "^7.0.1",
-        "styled-components": "^6.1.0",
+        "styled-components": "^5.2.1",
         "styled-components-breakpoint": "^3.0.0-preview.20",
         "swr": "^0.2.3",
         "tailwindcss": "^3.0.24",

resources/scripts/assets/css/GlobalStylesheet.ts

@@ -1,17 +1,11 @@
 import tw from 'twin.macro';
-import { createGlobalStyle } from 'styled-components';
+import { createGlobalStyle } from 'styled-components/macro';
 
 export default createGlobalStyle`
     body {
         ${tw`bg-neutral-900 font-sans font-medium text-gray-200`};
     }
 
-    *{
-        --jexactyl_image_store_one: ${(props) => `url(${props.theme.one})`}
-        --jexactyl_image_store_two: ${(props) => `url(${props.theme.two})`}
-        --jexactyl_image_store_three: ${(props) => `url(${props.theme.three})`}
-    }
-
     h1, h2, h3, h4, h5, h6 {
         ${tw`tracking-normal`};
     }

resources/scripts/components/App.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React from 'react';
 import tw from 'twin.macro';
 import '@/assets/tailwind.css';
 import { store } from '@/state';
@@ -7,12 +7,10 @@ import { hot } from 'react-hot-loader/root';
 import { history } from '@/components/history';
 import { SiteSettings } from '@/state/settings';
 import IndexRouter from '@/routers/IndexRouter';
-import { ThemeProvider } from "styled-components";
 import earnCredits from '@/api/account/earnCredits';
 import { setupInterceptors } from '@/api/interceptors';
 import { StorefrontSettings } from '@/state/storefront';
 import GlobalStylesheet from '@/assets/css/GlobalStylesheet';
-import { Theme } from '@/theme';
 
 interface ExtendedWindow extends Window {
     SiteConfiguration?: SiteSettings;
@@ -39,7 +37,7 @@ setupInterceptors(history);
 
 const App = () => {
     const { JexactylUser, SiteConfiguration, StoreConfiguration } = window as ExtendedWindow;
-    const [theme, setTheme] = useState<StorefrontSettings["images"]>()
+
     if (JexactylUser && !store.getState().user.data) {
         store.getActions().user.setUserData({
             uuid: JexactylUser.uuid,
@@ -72,19 +70,15 @@ const App = () => {
         }
     }
     earn();
-    if (!theme) {
-        setTheme(Theme(store.getState().storefront.data!))
-    }
+
     return (
         <>
-            <ThemeProvider theme={theme}>
-                <GlobalStylesheet />
-                <StoreProvider store={store}>
-                    <div css={tw`mx-auto w-auto`}>
-                        <IndexRouter />
-                    </div>
-                </StoreProvider>
-            </ThemeProvider>
+            <GlobalStylesheet />
+            <StoreProvider store={store}>
+                <div css={tw`mx-auto w-auto`}>
+                    <IndexRouter />
+                </div>
+            </StoreProvider>
         </>
     );
 };

resources/scripts/state/storefront.ts

@@ -33,11 +33,6 @@ export interface StorefrontSettings {
         enabled: boolean;
         amount: number;
     };
-    images: {
-        one: string;
-        two: string;
-        three: string;
-    }
 }
 
 export interface StorefrontStore {

resources/scripts/theme.ts

@@ -1,5 +1,4 @@
 import { BreakpointFunction, createBreakpoint } from 'styled-components-breakpoint';
-import { StorefrontSettings } from './state/storefront';
 
 type Breakpoints = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 
@@ -10,11 +9,3 @@ export const breakpoint: BreakpointFunction<Breakpoints> = createBreakpoint<Brea
     lg: 1024,
     xl: 1280,
 });
-
-export function Theme(data: StorefrontSettings ) {
-    return {
-        one: data?.images.one ?? 'https://www.minecraft.net/content/dam/games/minecraft/key-art/MC-Vanilla_Block-Column-Image_Boat-Trip_800x800.jpg',
-        two: data?.images.two ?? 'https://www.minecraft.net/content/dam/games/minecraft/key-art/MC-Vanilla_Block-Column-Image_Beach-Cabin_800x800.jpg',
-        three: data?.images.three ?? 'https://www.minecraft.net/content/dam/games/minecraft/key-art/MC-Vanilla_Block-Column-Image_Mining_800x800.jpg'
-    }
-}

tailwind.config.js

@@ -7,9 +7,9 @@ module.exports = {
     theme: {
         extend: {
             backgroundImage: {
-                'storeone': "var(--jexactyl_image_store_one)",
-                'storetwo': "var(--jexactyl_image_store_two)",
-                'storethree': "var(--jexactyl_image_store_three)",
+               'storeone': "url('https://www.minecraft.net/content/dam/games/minecraft/key-art/MC-Vanilla_Block-Column-Image_Boat-Trip_800x800.jpg')",
+                'storetwo': "url('https://www.minecraft.net/content/dam/games/minecraft/key-art/MC-Vanilla_Block-Column-Image_Beach-Cabin_800x800.jpg')",
+                'storethree': "url('https://www.minecraft.net/content/dam/games/minecraft/key-art/MC-Vanilla_Block-Column-Image_Mining_800x800.jpg')",
             },
             colors: {
                 black: '#000',