+
+
+
+
+
+
+ }>
+
act('make', { id: design.id, multiplier: 1 })}>
+
+
+
+
{design.name}
+
+
+
+ {!!design.mult5 && (
+
+ )}
+
+ {!!design.mult10 && (
+
+ )}
+
+ {!!design.mult25 && (
+
+ )}
+
+ {!!design.mult50 && (
+
+ )}
+
+
+
+ act('make', {
+ id: design.id,
+ multiplier: value,
+ })
+ }
+ />
+
+
+ );
+};
diff --git a/tgui/packages/tgui/interfaces/ComponentPrinter.tsx b/tgui/packages/tgui/interfaces/ComponentPrinter.tsx
index ed483dc6645..02960e655f8 100644
--- a/tgui/packages/tgui/interfaces/ComponentPrinter.tsx
+++ b/tgui/packages/tgui/interfaces/ComponentPrinter.tsx
@@ -1,183 +1,106 @@
-import { createSearch } from 'common/string';
-import { useBackend, useLocalState } from '../backend';
-import { Material, MaterialAmount, MaterialFormatting, Materials, MATERIAL_KEYS } from './common/Materials';
+import { useBackend } from '../backend';
+import { Material } from './Fabrication/Types';
import { Window } from '../layouts';
-import { Box, Button, Input, Section, Stack, Tabs } from '../components';
-
-const CATEGORY_ALL = 'All';
-
-const searchFor = (searchText) =>
- createSearch(searchText, ([_, thing]) => thing.name + thing.description);
-
-const getCategory = (category: string[]) => {
- return category[0] === 'Circuitry' ? category[1] : category[0];
-};
-
-type Design = {
- name: string;
- description: string;
- materials: Record