···

       
153
       
 
       
    return this.submitting || this.installing;

     

       
154
       
 
       
  }

     

       
155
       
 
       


     

       
0
       
 
       

     

       
156
       
 
       
  showNotice() {

     

       
157
       
 
       
    return this.modified;

     

       
158
       
 
       
  }

     
···

       
365
       
 
       
    this.modified = false;

     

       
366
       
 
       
    this.config = this.clone(this.origConfig);

     

       
367
       
 
       
    this.emitChange();

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
368
       
 
       
  }

     

       
369
       
 
       


     

       
370
       
 
       
  // Required because electron likes to make it immutable sometimes.

     

···

       
153
       
 
       
    return this.submitting || this.installing;

     

       
154
       
 
       
  }

     

       
155
       
 
       


     

       
156
       
+
       
  // Required for the settings store contract

     

       
157
       
 
       
  showNotice() {

     

       
158
       
 
       
    return this.modified;

     

       
159
       
 
       
  }

     
···

       
366
       
 
       
    this.modified = false;

     

       
367
       
 
       
    this.config = this.clone(this.origConfig);

     

       
368
       
 
       
    this.emitChange();

     

       
369
       
+
       
  }

     

       
370
       
+
       


     

       
371
       
+
       
  restartDiscord() {

     

       
372
       
+
       
    if (moonlightNode.isBrowser) {

     

       
373
       
+
       
      window.location.reload();

     

       
374
       
+
       
    } else {

     

       
375
       
+
       
      // @ts-expect-error TODO: DiscordNative

     

       
376
       
+
       
      window.DiscordNative.app.relaunch();

     

       
377
       
+
       
    }

     

       
378
       
 
       
  }

     

       
379
       
 
       


     

       
380
       
 
       
  // Required because electron likes to make it immutable sometimes.

     

···

       
40
       
 
       
  const [tab, setTab] = React.useState(ExtensionPage.Info);

     

       
41
       
 
       
  const [restartNeeded, setRestartNeeded] = React.useState(false);

     

       
42
       
 
       


     

       
43
       
-
       
  const { ext, enabled, busy, update, conflicting } = useStateFromStores([MoonbaseSettingsStore], () => {

     

       
44
       
 
       
    return {

     

       
45
       
 
       
      ext: MoonbaseSettingsStore.getExtension(uniqueId),

     

       
46
       
 
       
      enabled: MoonbaseSettingsStore.getExtensionEnabled(uniqueId),

     

       
47
       
 
       
      busy: MoonbaseSettingsStore.busy,

     

       
0
       
 
       

     

       
48
       
 
       
      update: MoonbaseSettingsStore.getExtensionUpdate(uniqueId),

     

       
49
       
 
       
      conflicting: MoonbaseSettingsStore.getExtensionConflicting(uniqueId)

     

       
50
       
 
       
    };

     
···

       
107
       
 
       
              />

     

       
108
       
 
       
            )}

     

       
109
       
 
       


     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
110
       
 
       
            {ext.state === ExtensionState.NotDownloaded ? (

     

       
111
       
 
       
              <Tooltip text={COMPAT_TEXT_MAP[ext.compat]} shouldShow={ext.compat !== ExtensionCompat.Compatible}>

     

       
112
       
 
       
                {(props: any) => (

     
···

       
121
       
 
       
                      if (deps != null) {

     

       
122
       
 
       
                        await doMissingExtensionPopup(deps);

     

       
123
       
 
       
                      }

     

       
0
       
 
       

     

       
0
       
 
       

     

       
124
       
 
       
                    }}

     

       
125
       
 
       
                  >

     

       
126
       
 
       
                    Install

     
···

       
135
       
 
       
                    tooltipText="Delete"

     

       
136
       
 
       
                    onClick={() => {

     

       
137
       
 
       
                      MoonbaseSettingsStore.deleteExtension(uniqueId);

     

       
0
       
 
       

     

       
138
       
 
       
                    }}

     

       
139
       
 
       
                  />

     

       
140
       
 
       
                )}

     
···

       
147
       
 
       
                      MoonbaseSettingsStore.installExtension(uniqueId);

     

       
148
       
 
       
                      setRestartNeeded(true);

     

       
149
       
 
       
                    }}

     

       
150
       
-
       
                  />

     

       
151
       
-
       
                )}

     

       
152
       
-
       


     

       
153
       
-
       
                {restartNeeded && (

     

       
154
       
-
       
                  <PanelButton

     

       
155
       
-
       
                    icon={() => <CircleWarningIcon color={Components.tokens.colors.STATUS_DANGER} />}

     

       
156
       
-
       
                    onClick={() => window.location.reload()}

     

       
157
       
-
       
                    tooltipText="You will need to reload/restart your client for this extension to work properly."

     

       
158
       
 
       
                  />

     

       
159
       
 
       
                )}

     

       
160
       
 
       


     

···

       
40
       
 
       
  const [tab, setTab] = React.useState(ExtensionPage.Info);

     

       
41
       
 
       
  const [restartNeeded, setRestartNeeded] = React.useState(false);

     

       
42
       
 
       


     

       
43
       
+
       
  const { ext, enabled, busy, update, conflicting, showingNotice } = useStateFromStores([MoonbaseSettingsStore], () => {

     

       
44
       
 
       
    return {

     

       
45
       
 
       
      ext: MoonbaseSettingsStore.getExtension(uniqueId),

     

       
46
       
 
       
      enabled: MoonbaseSettingsStore.getExtensionEnabled(uniqueId),

     

       
47
       
 
       
      busy: MoonbaseSettingsStore.busy,

     

       
48
       
+
       
      showingNotice: MoonbaseSettingsStore.showNotice(),

     

       
49
       
 
       
      update: MoonbaseSettingsStore.getExtensionUpdate(uniqueId),

     

       
50
       
 
       
      conflicting: MoonbaseSettingsStore.getExtensionConflicting(uniqueId)

     

       
51
       
 
       
    };

     
···

       
108
       
 
       
              />

     

       
109
       
 
       
            )}

     

       
110
       
 
       


     

       
111
       
+
       
            {restartNeeded && !showingNotice && (

     

       
112
       
+
       
              <PanelButton

     

       
113
       
+
       
                icon={() => <CircleWarningIcon color={Components.tokens.colors.STATUS_DANGER} />}

     

       
114
       
+
       
                onClick={() => MoonbaseSettingsStore.restartDiscord()}

     

       
115
       
+
       
                tooltipText="You will need to reload/restart your client for this extension to work properly."

     

       
116
       
+
       
              />

     

       
117
       
+
       
            )}

     

       
118
       
+
       


     

       
119
       
 
       
            {ext.state === ExtensionState.NotDownloaded ? (

     

       
120
       
 
       
              <Tooltip text={COMPAT_TEXT_MAP[ext.compat]} shouldShow={ext.compat !== ExtensionCompat.Compatible}>

     

       
121
       
 
       
                {(props: any) => (

     
···

       
130
       
 
       
                      if (deps != null) {

     

       
131
       
 
       
                        await doMissingExtensionPopup(deps);

     

       
132
       
 
       
                      }

     

       
133
       
+
       
                      MoonbaseSettingsStore.setExtensionEnabled(uniqueId, true);

     

       
134
       
+
       
                      setRestartNeeded(true);

     

       
135
       
 
       
                    }}

     

       
136
       
 
       
                  >

     

       
137
       
 
       
                    Install

     
···

       
146
       
 
       
                    tooltipText="Delete"

     

       
147
       
 
       
                    onClick={() => {

     

       
148
       
 
       
                      MoonbaseSettingsStore.deleteExtension(uniqueId);

     

       
149
       
+
       
                      setRestartNeeded(true);

     

       
150
       
 
       
                    }}

     

       
151
       
 
       
                  />

     

       
152
       
 
       
                )}

     
···

       
159
       
 
       
                      MoonbaseSettingsStore.installExtension(uniqueId);

     

       
160
       
 
       
                      setRestartNeeded(true);

     

       
161
       
 
       
                    }}

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
162
       
 
       
                  />

     

       
163
       
 
       
                )}

     

       
164
       
 
       


     

···

       
51
       
 
       
            look={Button.Looks.OUTLINED}

     

       
52
       
 
       
            color={Button.Colors.CUSTOM}

     

       
53
       
 
       
            size={Button.Sizes.TINY}

     

       
54
       
-
       
            onClick={() => window.location.reload()}

     

       
0
       
 
       

     

       
0
       
 
       

     

       
55
       
 
       
          >

     

       
56
       
 
       
            Restart Discord

     

       
57
       
 
       
          </Button>

     

···

       
51
       
 
       
            look={Button.Looks.OUTLINED}

     

       
52
       
 
       
            color={Button.Colors.CUSTOM}

     

       
53
       
 
       
            size={Button.Sizes.TINY}

     

       
54
       
+
       
            onClick={() => {

     

       
55
       
+
       
              MoonbaseSettingsStore.restartDiscord();

     

       
56
       
+
       
            }}

     

       
57
       
 
       
          >

     

       
58
       
 
       
            Restart Discord

     

       
59
       
 
       
          </Button>